vue-router生命周期

66 阅读1分钟

路由守卫类型

  • 全局路由守卫(beforeEach、 beforeResolve、afterEach)
  • 组件路由守卫 (beforeRouteEnter、beforeRouteUpdate、beforeRouteLeave)
  • 路由独享守卫 (beforeEnter)--->(bind、inserted、update、componentUpdated、unbind)

Vue-router 路由[生命周期]也叫导航守卫

全局路由守卫

  • 触发顺序依次是beforeEach,beforeResolve,前面两个是进入的时候触发,afterEach,是离开的时候触发

组件路由守卫

  • beforeRouteEnter 进入时触发,比 beforeCreate更早
  • beforeRouteUpdate 字路由改变触发
  • beforeRouteLeave 离开时触发,比beforeDestory更早

路由独享守卫

创建销毁时机

  • 是跟着路由导航走的,不会随着组件的创建和销毁去创建销毁