vue this.$route和this.$router到底有什么关系！

最新推荐文章于 2024-05-15 16:41:18 发布

火锅店在逃毛肚

最新推荐文章于 2024-05-15 16:41:18 发布

阅读量925

点赞数 3

分类专栏： # vue 文章标签： vue javascript 前端

本文链接：https://blog.csdn.net/qq_36818931/article/details/112019230

版权

本文详细介绍了Vue中this.$route和this.$router的区别和联系。this.$route是当前激活的路由信息对象，只读且在每次成功导航后更新。而this.$router是Vue Router的实例，提供了导航、路由配置等功能。两者共同构成了Vue应用中的路由管理系统。

摘要由CSDN通过智能技术生成

前言

vue中this.$route是组件内的路由对象，包含当前激活的路由信息对象。这个属性是只读的，里面的属性是 immutable (不可变) 的，不过你可以 watch (监测变化) 它。每次成功的导航后都会产生一个新的对象。

我在控制台打印了this.$route
在这里插入图片描述

可见this.$route具有以下属性：

属性名	属性类型	属性说明	示例
fullPath	string	完成解析后的 URL，包含查询参数和 hash 的完整路径
hash	string

关注