[JavaScript知识库]vue-router 路由导航守卫

?

目录

掌握:?路由导航守卫

全局导航守卫(里面又分为三个):

路由独享守卫:

组件内守卫,(里面也分为三个):

掌握:?路由导航守卫

全局导航守卫(里面又分为三个):

• 前置守卫
• 解析守卫
• 后置守卫

路由独享守卫:

?{

????path: '/home',

????component: () => import(/* webpackChunkName: "home" */ '@/views/Home'),

????// 路由独享守卫 -- 它是属性当前定义的路由所有

????beforeEnter: (to, from, next) => {

??????console.log('路由独享守卫');

??????// sessionStorage.setItem('a','aaa')

??????next()

????}

??},

组件内守卫,(里面也分为三个):

三个组件内,守卫:

• beforeRouteEnter? ? ? // 刚进入
• beforeRouteUpdate? ? // 更新的
• beforeRouteLeave? ? ?// 离开当前组件

?

?