[vue] 路由守卫 全局前置守卫 全局后置守卫 独享守卫 组件内守卫

1. 作用：

对路由进行权限控制

2. 分类：

全局守卫、独享守卫、组件内守卫

3. 全局守卫:

全局前置守卫

全局前置守卫：初始化时执行、每次路由切换前执行

router.beforeEach((to,from,next)=>{
  console.log('beforeEach',to,from)
})

每次路由切换前执行

全局后置守卫

//全局后置守卫：初始化时执行、每次路由切换后执行
router.afterEach((to,from)=>{
  console.log('afterEach',to,from)
})

4. 独享守卫:

beforeEnter(to,from,next){
  
}

5. 组件内守卫：

//进入守卫：通过路由规则，进入该组件时被调用
beforeRouteEnter (to, from, next) {
},


//离开守卫：通过路由规则，离开该组件时被调用
beforeRouteLeave (to, from, next) {
}