美文网首页
vue路由导航卫士

vue路由导航卫士

作者: Poiey | 来源:发表于2020-01-26 16:54 被阅读0次
  • 全局守卫
    beforeEach : 全局前置守卫
    beforeResolve : 全局解析守卫
    afterEach : 全局后置钩子

  • 路由独享守卫
    beforeEnter : 路由独享守卫

  • 组件内守卫
    beforeRouteEnter
    beforeRouteLeave
    beforeRouteUpdata :动态路由改变触发

导航卫士内的函数( afterEach除外 ) 里面有三个参数,分别是 :to , from , next

导航解析流程:

  1. 导航被触发。
  2. 在失活的组件里调用离开守卫。
  3. 调用全局的 beforeEach 守卫。
  4. 在重用的组件里调用 beforeRouteUpdate 守卫 (2.2+)。
  5. 在路由配置里调用 beforeEnter。
  6. 解析异步路由组件。
  7. 在被激活的组件里调用 beforeRouteEnter。
  8. 调用全局的 beforeResolve 守卫 (2.5+)。
  9. 导航被确认。
  10. 调用全局的 afterEach 钩子。
  11. 触发 DOM 更新。
  12. 用创建好的实例调用 beforeRouteEnter 守卫中传给 next 的回调函数。

相关文章

  • vue配置路由导航和拦截

    路由导航卫士:

  • vue路由导航卫士

    全局守卫beforeEach : 全局前置守卫beforeResolve : 全局解析守卫afterEach :...

  • Vue应用

    Vue项目 Vue结构 Vue项目打包与发布 Vue语法二 Vue网络请求 Vue路由 动态路由 编程式路由导航

  • vue路由、自定义指令、脚手架

    *Vue vue-router 一、路由 一、导航式路由 路由路径由

  • 导航守卫 beforeRouteLeave

    一、卫士介绍vue组件内部有三种导航卫士:1、beforeRouteEnter2、beforeRouteUpdat...

  • 路由

    路由map 路由视图 路由导航 实现简单路由 import VueRouter from 'vue-router'...

  • Vue-Router 导航守卫

    导航守卫 导航表示路由正在发生改变。(变化的路由)导航守卫就是变化的路由钩子。路由钩子的意思可以理解为vue-ro...

  • vue-router路由拦截器

    Vue Router 是vue.js官方路由管理器 路由出口 声明式导航 编程式导航 全局前置守卫 全局后置钩子 ...

  • vue-router路由守卫

    vue-router导航钩子 vue-router导航钩子的主要作用是拦截导航,让路由完成跳转或者取消; 导航钩子...

  • vue router

    在vue router中有这么个东西: 总结:路由可从3个part来说 路由map 路由视图 路由导航

网友评论

      本文标题:vue路由导航卫士

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