浅谈$router和$route的区别

在vue2中：

        1.this.$router是VueRouter的一个实例，是一个全局路由对象，它可以用来操作路由，在项目中我们一般用它来做路由跳转，例如：我们经常需要跳转到另一个页面时，就会用到this.$router.push()。

        2.this.$route是当前激活的路由对象，通过它我们可以拿到当前路由的一些信息，比如：path、query、params、meta等等。

        3.举个开发中的例子：比如在页面中，我们点开某条数据的详情，点击时我们需要进行跳转路由到详情页面去，此时我们就可以使用this.$router.push来做跳转，则此时我们会将该数据的id作为参数拼接到我们要跳转的路由的后面，而在配置路由信息的时候我们也应该将在此路由的后面跟上动态id，跳转到详情页面我们会看到在我们的路由后面会跟着当前数据的id，此时我们在页面想要看到当前数据的详情信息，所以我们要是有该id去做单条数据的查询，这个时候我们就可以使用this.$route去获取我们的id，使用this.$route.params.id,然后就可以用该id去做数据的查询。

        4.概括来说：router是用来操作路由的，而route是用来获取当前路由信息，也就是读路由信息。