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