Vue中$route和$router有什么本质区别？

本文共计506个文字，预计阅读时间需要3分钟。

一、router为VueRouter的实例，相当于一个全局的路由器对象，其中包含许多属性和方法，以及子对象。例如，history对象。

二、常用的跳转链接可以使用this.$router.push实现，与router-link跳转类似。

一、router为VueRouter的实例，相当于一个全局的路由器对象，里面含有很多属性和子对象，例如history对象。。。经常用的跳转链接就可以用this.$router.push，和router-link跳转一样。。。

this.$router.push会往history栈中添加一个新的记录。。详细见vue官方文档

route相当于当前正在跳转的路由对象。。可以从里面获取name,path,params,query等。。

打印this.$route和this.$router。

路由传参的方式

1.可以手写完整的path：

this.$router.push({path:`/user/${userId}`})

这样传递参数的话，配置路由的时候需要在path上加参数path：user/：userId。

这种接收参数的方式是this.$route.params.userId。