路由导航钩子：主要用来拦截导航，让其完成跳转或者取消跳转
1、全局钩子： beforeEach、beforeResolve、 afterEach(after钩子没有next方法，不能改变导航)
router.beforeEach( (to,from,next) => {
//do something
next(); // 该方法调用resolve钩子
next(false); //中断当前的导航
next('/')或者next({path:'/'}) // 跳转到一个不同的地址，当前的导航被中断
})
2、单个路由独享的钩子：beforeEnter
在路由配置上直接定义beforeEnter 钩子
var router = new VueRouter({
routes:[
{ path:'/foo',
component:Foo,
beforeEnter:( to, from, next ) => {...}
}
]
})
网友评论