vue的$router与$route的区别，很容易混淆。
下面就简单的介绍有什么区别：
-
$router是VueRouter对象的实例，是全局的路由对象，包含了路由组件的很多属性
this.$router.push({
path:'/home', 路由地址
name:'home', 路由名字
query:{name:'张三'}， 路由参数 相当于：/home?name= '张三'
params:{name:'李四'} 路由参数键值对
})
this.$router.push的本质是为history添加一条记录
- 每个路由都有一个
$route对象，是局部的路由对象，可以动态的获取对应的 路由传递的name,path,query,params等的属性值
this.$router.path 得到路由地址
this.$router. name 得到路由名字
this.$router.query 得到路由参数 相当于：/home?name= '张三'
this.$router.params 得到路由参数键值对
使用总结：
- $router是路由对象，可以切换路由同时传参
- $route 是路由对象的一个对象，可以获取当前路由的各个属性值
网友评论