Vue相关面试问答（如何监听路由参数的变化、完整的 vue-router 导航解析流程、vue-router有哪⼏种导航钩⼦（ 导航守卫 ）、vue-router的⼏种跳转⽅法....)

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 <