美文网首页
vue-router导航完整的解析流程

vue-router导航完整的解析流程

作者: A袁灿 | 来源:发表于2018-11-01 10:24 被阅读0次

1.导航被触发;

2.在失活的组件里调用beforeRouteLeave守卫;

3.调用全局beforeEach守卫;

4.在复用组件里调用beforeRouteUpdate守卫;

5.调用路由配置里的beforeEnter守卫;

6.解析异步路由组件;

7.在被激活的组件里调用beforeRouteEnter守卫;

8.调用全局beforeResolve守卫;

9.导航被确认;

10..调用全局的afterEach钩子;

11.DOM更新;

12.用创建好的实例调用beforeRouteEnter守卫中传给next的回调函数。

// 路由配置守卫即配置在路由对象中

// 组件实力的导航守卫:beforeRouteLeave、beforeRouteEnter、beforeRouteUpdate

// 全局守卫:beforeEach、beforeResolve、afterEach

// 路由配置守卫:beforeEnter

相关文章

  • Vue-router执行流程分析

    Vue-router完整的导航解析流程: 导航被触发 在失活的组件里调用离开守卫 调用全局的beforeEach守...

  • vue-router导航完整的解析流程

    1.导航被触发; 2.在失活的组件里调用beforeRouteLeave守卫; 3.调用全局beforeEach守...

  • 完整的导航解析流程

    导航被触发 在失活的组件里调用 beforeRouteLeave 守卫 调用全局的 beforeEach 守卫 在...

  • 完整的导航解析流程

    1. 导航被触发 2. 在失活的组件里调用 beforeRouteLeaves 守卫 3. 调用全局的 befor...

  • 完整的导航解析流程

    1.导航被触发。2.在失活的组件里调用 beforeRouteLeave 守卫。3.调用全局的 beforeEac...

  • 路由

    完整的导航解析流程 导航被触发。在失活的组件里调用 beforeRouteLeave 守卫。调用全局的 befor...

  • vue的路由和路由守卫 2021-03-18

    完整的导航解析流程导航被触发。在失活的组件里调用 beforeRouteLeave 守卫。调用全局的 before...

  • vue-router

    完整的导航解析流程 导航被触发。 在失活的组件里调用离开守卫。 调用全局的 beforeEach 守卫。 在重用的...

  • vue router顺序

    完整的导航解析流程 导航被触发。 在失活的组件里调用离开守卫。 调用全局的 beforeEach 守卫。 在重用的...

  • vue导航守卫

    导航守卫:vue-router主要提供跳转或取消的方式守卫导航, 导航守卫分为全局前置守卫、全局解析守卫、全局后置...

网友评论

      本文标题:vue-router导航完整的解析流程

      本文链接:https://www.haomeiwen.com/subject/bzxigftx.html