vue-router 页面参数方式

params+name方式

注册路由的地方需要给路由命名如下图：

使用传参方法如下：

this.$router.push({ name: 'revisePassword', params: { userId: 123 }})

获取参数方法如下：

this.$route.params.userId

query+path方式

查询参数其实就是在路由地址后面带上参数和传统的url参数一致的；

使用方法如下：

this.$router.push({ path: '/revisePassword', query: { userId: 123 }});

获取参数方法如下：

this.$route.query.userId

 router-link导航方式

params和query使用方法如下：

<router-link :to="{ name: 'revisePassword', params: { userId: 1111}}">click to news page</router-link>

<router-link :to="{ path: '/revisePassword', query: { userId: 1111}}">click to news page</router-link>

注意：1和name配对的是params，和path配对的是query 

··       2.命名路由搭配params，刷新页面参数会丢失
         3.查询参数搭配query，刷新页面数据不会丢失