vue 路由钩子函数
1.全局解析守卫
1.前置钩子函数 ------router.beforeEach
const router = new VueRouter({ ... })
router.beforeEach((to, from, next) => {
})
2.后置钩子函数(同上)
const router = new VueRouter({ ... })
router.afterEach((to, from) => {
})
2.路由独享的守卫
const router = new VueRouter({
routes: [
{
path: '/foo',
component: Foo,
beforeEnter: (to, from, next) => {
}
}
]
})
3.组件内的守卫
1.beforeRouteEnter (to, from, next) {
next(vm => {
})
}
2.beforeRouteUpdate (to, from, next) {
next()
}
3.beforeRouteLeave (to, from, next) {
next()
}
注:$route(to,from)不是钩子函数,它的用途是监听路由变化,不要混淆哦。。。