Vue路由进阶之路

1. 动态路由匹配

常用的是通配符，用来解决404问题
注意:提醒一下，当使用路由参数时，例如从 /user/foo 导航到 /user/bar，原来的组件实例会被复用。因为两个路由都渲染同个组件，比起销毁再创建，复用则显得更加高效。不过，这也意味着组件的生命周期钩子不会再被调用。复用组件时，想对路由参数的变化作出响应的话，你可以简单地 watch (监测变化) $route 对象。。。

2. 编程式导航

导航分为编程导航和声明式导航，声明式导航为,编程式导航即是$router.push({name:"",params:{}}),这里注意的是name 和params关键字path和query相互搭配
所以 当你点击 时，这个方法会在内部调用，所以说，点击 等同于调用 router.push(…)。

3. 命名视图，与命名路由

命名视图可以解决一个路径下有多个components,这个是通过<router-view name=".."></router-view>中的name属性解决的
命名路由解决了router-link中的传参问题比如
<router-link :to="{ name: 'user', params: { userId: 123 }}">User</router-link>

4. 路由组件传参

路由组件传参是为了解耦props与route
在路由中分别加上props:true，或者一个函数，或者一个对象，个人感觉意义不大。。。。

具体代码实现请参考官网;