导航守卫和组件生命周期的执行顺序

1.直接访问页面

  > 1. befornEach中函数被调用
  > 2. to路由守卫beforeEnter被调用
  > 3. to 组件的守卫beforeRouteEnter
  > 4. beforeResolve被调用
  > 5. 导航结束afterEach被调用
  > 6. 组件中生命周期钩子函数

2. 从一个页面跳转到另一个页面

   > 0. 先调用当前组件的守卫beforeRouterLeave
   > 1. befornEach中函数被调用
   > 2. to路由守卫beforeEnter被调用
   > 3. to 组件的守卫beforeRouteEnter
   > 4. beforeResolve被调用
   > 5. 导航结束afterEach被调用
   > 6. to路由组件创建 创建完成，然后挂载
   > 7. from路由组件销毁 销毁完成
   > 8. to 路由组件挂载完成