1、如何监听路由参数的变化?
利⽤watch监听 $router
watch: {
$route() {
this.id= this.$route.query.id; //获取传来的参数
this.ipDistribut(); //路由变化时就重新执⾏这个⽅法 更新传来的
参数
}
},
2. 完整的 vue-router 导航解析流程?
1.导航被触发;
2.在失活的组件⾥调⽤beforeRouteLeave守卫;
3.调⽤全局beforeEach守卫;
4.在复⽤组件⾥调⽤beforeRouteUpdate守卫;
5.调⽤路由配置⾥的beforeEnter守卫;
6.解析异步路由组件;
7.在被激活的组件⾥调⽤beforeRouteEnter守卫;
8.调⽤全局beforeResolve守卫;
9.导航被确认;
10..调⽤全局的afterEach钩⼦;
11.DOM更新;
12.⽤创建好的实例调⽤beforeRouteEnter守卫中传给next的回调函数。
3. vue-router有哪⼏种导航钩⼦( 导航守卫 )?
1、全局守卫: router.beforeEach
2、全局解析守卫: router.beforeResolve
3、全局后置钩⼦: router.afterEach
4、路由独享的守卫: beforeEnter
5、组件内的守卫: beforeRouteEnter、beforeRouteUpdate (2.2 新增)、beforeRouteLeave <