Vue中$router与$route具体差异及详细解析是怎样的？

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

一、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。