vue路由导航卫士

• 全局守卫
  beforeEach : 全局前置守卫
  beforeResolve : 全局解析守卫
  afterEach : 全局后置钩子

• 路由独享守卫
  beforeEnter : 路由独享守卫

• 组件内守卫
  beforeRouteEnter
  beforeRouteLeave
  beforeRouteUpdata ：动态路由改变触发

导航卫士内的函数( afterEach除外 ) 里面有三个参数,分别是 ：to , from , next

导航解析流程：

1. 导航被触发。
2. 在失活的组件里调用离开守卫。
3. 调用全局的 beforeEach 守卫。
4. 在重用的组件里调用 beforeRouteUpdate 守卫 (2.2+)。
5. 在路由配置里调用 beforeEnter。
6. 解析异步路由组件。
7. 在被激活的组件里调用 beforeRouteEnter。
8. 调用全局的 beforeResolve 守卫 (2.5+)。
9. 导航被确认。
10. 调用全局的 afterEach 钩子。
11. 触发 DOM 更新。
12. 用创建好的实例调用 beforeRouteEnter 守卫中传给 next 的回调函数。