路由导航守卫

什么是路由守卫

路由守卫就是路由跳转过程中的一些钩子函数。路由跳转是一个大的过程，这个大的过程分为跳转前中后等等细小的过程，在每一个过程中都有一函数，这个函数能让你操作一些其他的事儿的时机，这就是路由守卫

路由守卫的格式

//  to:要去哪个页面
//  from:从哪里来
//  next:它是一个函数。
//     如果直接放行 next()
//     如果要跳到其它页 next(其它页)
router.beforeEach((to, from, next) => {
  console.log(to, from)
  next()
})

路由守卫中一定要记得执行next

小结

1.  使用一个独立的 xxx.js文件用来设置路由守卫,更方便代码的维护.
2.  页面路由跳转的时候,一定会经过前置路由守卫.
3.  路由守卫中一定要调用next.
4.  router.beforeEach(回调(三个参数))
5.  to.path: to是一个路由对象, path表示路径, 是它的一个属性