vue-router 两种传参方式以及相应路由书写方式

$route 与 $router

##   $route和$router的区别


，$ router是路由操作对象，对要跳转的路由进行编写，

而使用$ route我们来从浏览器中读取路由参数，总而言之，

$ router只写要跳转的路由， $ route 只读（参数的获取）

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

打印this.

$route和this.$

router

query 传参

name和path都可以用。

1. name

​​<router-link :to="{ name: 'W', query: { id:'1234'，age:'12' }}"/> ​​

2. path

<router-link :to="{ path: '/W', query: { id:'1234',age:'12' }}"/>

params