vue-router需要注意的点

1.在编程式导航中，如果提供了path,params会被忽略；需要提供name，或手写完整的带有参数的path;以下写法可取：

　　const  userId = '123';

　　1.this.$router.push({name: 'user', params: {userId}});

　　2.this.$router.push({name: 'user', query: {userId});//带查询参数，变成/user?userId=123

　　3.this.$router.push({path: `/user/${userId}`}).

2.在当前路由未改变，但参数改变时，可以在beforeRouteUpdate在响应这个变化；

3.router.replace().替换掉当前的history记录；

4.vue-router模式的是hash模式，使用URL的hash来模拟一个完整的URL，当URL改变时，页面不会重新加载；

5.路由守卫接收的三个参数中的next() function,一定要调用这个方法来resolve这个钩子，执行效果依赖next方法的调用参数。

　　next(),进入管道中的下一个钩子，如果全部钩子执行完，则导航的状态是confirmed;

　　next(false),中断当前导航，

　　确保要调用next方法，否则钩子函数不会被resolve.

6.beforeRouterEnter,不能获取this.可以传一个回调给next来访问组件实例，next(vm=>{}).

7.路由元信息，meta,可以通过$route.matched获取；

 

　　

转载于:https://www.cnblogs.com/lesliejavascript/p/11190194.html