this.$router 和 this.$route的区别

1、this.$router

this.$router 包含了很多属性和方法，任何页面都可以调,是全局的路由对象。$router，是一组路由。$router可以理解为一个容器，或者说一种机制，它管理了一组$route。简单来说，$route只是进行了URL和函数的映射，而在当接收到一个URL之后，去路由映射表中查找相应的函数，这个过程是由$router来处理的。

• push() 方法----跳转到指定路径
• back() 方法----后退一步
• forward()方法----前进一步
• go()方法----通过传入数字，实现前进或者后退执行的步数

2、this.$route

在使用了 vue-router 的应用中，路由对象会被注入每个组件中，赋值为$route ，并且当路由切换时，路由对象会被更新。this.$route 表示当前路由对象，每一个路由都会有一个 $route对象，是一个局部的对象，$route，它是一条路由（可理解为当前页面的路由信息）。

• $route.path : 字符串，等于当前路由对象的路径，会被解析为绝对路径，如 "/home/news" 。
• $route.params : 对象，包含路由中的动态片段和全匹配片段的键值对。
• $route.query ： 对象，包含路由中查询参数的键值对。例如，对于 /home/news/detail/01?favorite=yes会得到$route.query.favorite == ‘yes‘ 。
• $route.router路由规则所属的路由器（以及其所属的组件）。
• $route.matched ： 数组，包含当前匹配的路径中所包含的所有片段所对应的配置参数对象。
• $route.name ： 当前路径的名字，如果没有使用具名路径，则名字为空。