vue路由

• 编程式导航 

// 命名的路由 params 传参 取数据：this.$route.params.type
this.$router.push({ name: 'user', params: { userId: '123' }})
// 路径传参，带查询参数，变成 /register?plan=private  query 传参 取数据：this.$route.query.type
this.$router.push({ path: 'register', query: { plan: 'private' }})

通过this.$route来获取当前页面的路由信息

如果使用完整路径和query传参，刷新页面时不会造成路由传参的参数丢失。

• router-link

<router-link :to="{ name: 'user', params: { userId: 123 }}">User</router-link>

router.push({ name: 'user', params: { userId: 123 }})

这两种方式都会把路由导航到 /user/123