Vue学习笔记 —— 导航守卫

导航守卫：包括全局导航守卫和局部导航守卫。

一、全局守卫

1. router.beforeEach ：全局前置守卫，进入路由之前

   const router = new VueRouter({
         ... }) 
   router.beforeEach((to, from, next) => {
          
   	// to和from都是路由实例  
   	// to：即将跳转到的路由  
   	// from：现在的要离开的路由  
   	// next：函数   
   })
   

2. router.beforeResolve ：全局解析守卫，在beforeRouteEnter调用之后调用（不常用）

   补充：router.beforeResolve和 router.beforeEach 类似，区别是在导航被确认之前，同时在所有组件内守卫和异步路由组件被解析之后，解析守卫就被调用。

   // 全局解析守卫 
   router.beforeResolve((to,from.next) =>