vue 路由守卫

全局路由守卫

beforeEach

1. 路由跳转前触发
2. to 代表 到那个页面去
3. from 代表从哪个页面来
4. next 表示放行

beforeResolve

1. 表示 组件解析后触发的钩子

afterEach

1. 表示路由跳转完成之后i触发的钩子

全局路由钩子执行顺序

1. beforeEach > beforeResolve>afterEach

局部路由守卫

beforeRouteEnter

1. 表示路由进入前,组件实例还没有渲染
2. 在这里是可以获取组件实例的

  beforeRouteEnter(to,from,next){
    // console.log('组件路由守卫 ',to,from)
    next(vm=>{
      vm.a = '456'
      console.log('组件路由守卫',vm.a)
    })
  },