路由/导航守卫执行顺序(好像不怎么问到……)

路由独享的守卫:在路由配置上直接定义 beforeEnter 守卫
const router = new VueRouter({
routes: [
{ path: '/foo',
component: Foo,
beforeEnter: (to, from, next) => { // ... // next();}
} ] })
全局前置守卫
router.beforeEach((to, from, next) => {
console.log("全局-beforeEach", to);
next();
});
全局解析守卫:在导航被确认之前,同时在所有组件内守卫和异步路由组件被解析之后,解析守卫就被调用。
router.beforeResolve((to, from, next) => {
console.log("全局-beforeResolve", to);
next();
});
全局后置钩子:不会接受 next 函数也不会改变导航本身
router.afterEach((to, from) => {
console.log("全局-afterEach", to);
next();
})

【组件】- 前⼀个组件 beforeRouteLeave
2.
【全局】- router.beforeEach
3.
【组件】-如果是路由的参数变化,触发 beforeRouteUpdate ;
4.
【配置⽂件】⾥,下⼀个 beforeEnter
5.
【组件】内部声明的 beforeRouteEnter
6.
【全局】调⽤ beforeResolve
7.
【全局】的 router.afterEach

posted @ 2022-04-09 17:32  ice猫猫3  阅读(216)  评论(0编辑  收藏  举报