vue3导航守卫

• 导航守卫主要用来通过跳转或取消的方式守卫导航。

• 前置守卫

//to: Route: 即将要进入的目标 路由对象, from: Route: 当前导航正要离开的路由
router.beforeEach((to, from) => {
  // ...  return false
})

• 后置钩子

router.afterEach((to, from) => {
  	
})

• 有多种机会植入路由导航过程中：全局的, 单个路由独享的, 或者组件级的。
  • 全局导航守卫
  • 路由独享的守卫
  • 组件内的守卫