如何高效掌握Vue路由守卫的快速理解？

本文共计1910个文字，预计阅读时间需要8分钟。

目录

一、全局守卫

1.全局前置守卫

2.全局解析守卫

3.全局后置钩子

二、路由独享守卫

三、组件内的守卫

四、一个完整的导航解析流程

概念：导航表示当前路由正在发生改变，即路由正在发生切换。vue-r表示Vue Router。

目录

• 一、全局守卫
• 1.全局前置守卫
  
• 2.全局解析守卫
  
• 3.全局后置钩子
  
• 三、路由独享的守卫
• 四、组件内的守卫
• 五、一个完整的导航解析流程

概念：

“导航”表示路由正在发生变化

vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程 中：全局的, 单个路由独享的, 或者组件级的。