vue的导航守卫

1.导航守卫的了解

        vue.js的导航守卫分为全局守卫和局部守卫

        全局守卫：

                beforeEach   全局前置守卫

                beforeResolve  全局解析守卫

                afterEach   全局后置守卫

        局部守卫：

                beforeEnter  路由独享守卫

                beforeRouteEnter  路由进入守卫

                beforeRouteUpdate  路由更新守卫

                beforeRouteLeave  路由离开守卫

       每个守卫方法接收三个参数：
              ​​​​​​​to:目标路由对象
       ​​​​​​​       ​​​​​​​from:准备要离开的路由
       ​​​​​​​       next():进行管道中的下一个钩子。可传递参数有布尔值false，直接写路径'/'或{path:'/'},回调函数

       注意：后置钩子函数afterEach不会接受next函数也不会改变导航本身。

2.导航守卫的触发情况

    

如图所示：上面的是组件跳转时触发的导航守卫，下面是组件内更新时触发的守卫

总结：导航守卫分为全局守卫和局部守卫， 每个守卫方法接收三个参数：分别是to，from，next，导航守卫什么时候触发需要知道。