Vue——路由守卫

1. 全局路由

//to: Route: 即将要进入的目标 路由对象
//from: Route: 当前导航正要离开的路由
//next: Function: 一定要调用该方法来resolve这个钩子。执行效果依赖 next 方法的调用参数
router.beforeEach(to,form,next)

2. 全局解析守卫

//to: Route: 即将要进入的目标 路由对象
//from: Route: 当前导航正要离开的路由
//next: Function: 一定要调用该方法来resolve这个钩子。执行效果依赖 next 方法的调用参数
router.beforeResolve(to,from,next)

3. 全局后置守卫

router.afterEach(to, from)

4. 路由独享的守卫

beforeEnter(to, from, next)

5. 组件内的守卫

//在渲染该组件的对应路由被 confirm 前调用
beforeRouteEnter(to, from, next)
//在当前路由改变，但是该组件被复用时调用
beforeRouteUpdate (to, from, next)
//导航离开该组件的对应路由时调用
beforeRouteLeave(to, from, next)