首页

  • 首页
  • 友链
  • 标签
  • 关于

vue导航守卫

白羊座的梦 发布于 2019-08-15

vue导航守卫

1.beforeEach(全局前置守卫)

//全局前置守卫   1
 router.beforeEach((to,from,next)=>{
     to要去哪里得
     from从哪里来的
     next是否放行
     //console.log('beforeEach')
     next(); //放行
     // next(false)
     // debugger

 }) 

前置守卫

2.beforeEnter(路由独享函数)

守卫

3.beforeRouteEnter(组件独享守卫)

1.该组件不能获取实例也就是说没有this
2.但是你可以通过
    next(vm=>{
        console.log(vm是组件实例);
    })

守卫

4.beforeRouteUpdate(组件独享守卫)

1.组件被重复调用时触发(被复用时),
2.通常是动态路由时,不断访问同一张页面就会触发;

5.beforeRouteLeave(组件独享离开守卫)

1.离开组件时被调用,
2.有this

守卫

4.beforeResolve(全局解析守卫)

守卫

5.afterEach(全局后置守卫)

守卫

6.beforeCreate(全局后置守卫)

守卫

  • #vue
Newer
less语法
Older
vue组件生命周期

© 2020 白羊座的梦

Powered by Hexo Theme - flex-block