vue的$route 和 $router的区别

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 是路由对象的一个对象，可以获取当前路由的各个属性值