vue-router导航守卫（一）

1、导航守卫是什么？

官方是这么说的：

正如其名，vue-router提供的导航守卫主要用来通过跳转或取消的方式守卫导航。

好吧，看不懂，那就好好来理解下吧。

其实，导航守卫就是路由跳转过程中的一些钩子函数，再说的直白点路由跳转是一个大的过程，这个大的过程分为跳转前、中、后等细小的过程，在每一个过程中都有一函数，这个函数能让你操作一些其他的事儿，这就是导航守卫。

 

2、导航守卫解析

以下是钩子函数执行后输出的顺序截图，后面给大家一 一讲解

 

 

导航守卫分为：全局的、单个路由独享的、组件内的三种。分别来看一下：