vue中的路由守卫种类

路由守卫分为以下几种
全局守卫：beforeEach（是路由的钩子函数，在每一个路由跳转之前执行，常做登录权限判断，参数：to，from，next）
后置守卫：afterEach（在跳转之后执行，参数：to，from）
全局解析守卫：beforeResolve（参数：to，from，next。在beforeEach之后，afterEach之前）
路由独享守卫：beforeEnter
组内路由守卫：beforeRouteEnter，beforeRouteUpdate，beforeRouteLeave

to：Route – 即将要进入的目标 路由对象
from：Route – 当前导航正要离开的路由
next：Function – 一定要调用该方法来resolve这个狗子。执行效果依赖next方法的调用参数
next参数 --↓
next（） // 直接进to所指路由
next（false）//中断当前路由
next（‘route’）//跳转指定路由
next（‘error’）//跳转错误路由
beforeResolve
router.beforeEach类似，区别是在导航被确认之前，同时在所有组件内守卫和异步路由组件被解析之后，解析守卫就被调用
beforeRouteLeave
离开该组件时调用
可以访问this
通常用来禁止用户在还未保存修改前突然离开。该导航可以通过 next(false) 来取消
beforeRouteUpdate
路由形态参数改变，组件被复用时调用（/user/1 => 1/user/2）

路由导航解析流程
路由导航开始
在当前路由调用beforeRouteLeave
调用beforeEach
在重用组建中调用beforeRouteUpdate
调用beforeEnter
解析异步路由组件
在呗激活的路由组件里调用beforeRouteEnter
调用beforeResolve
导航被确认
调用全局的afterEach
触发DOM更新