在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是用来获取当前路由信息,也就是读路由信息。