VUE路由

路由：
相当于定位，让你可以跳转到你需要的页面，通过不同的路径来访问不同的组件，页面
路由导航守卫：
全局前置守卫：

router.beforeEach((to, from, next) => {
  // to: Route: 即将要进入的目标 路由对象
  //from: Route: 当前导航正要离开的路由
  //next： 一定要调用该方法来 resolve 这个钩子。执行效果依赖 next 方法的调用参数。
})

全局后置钩子：

router.afterEach((to, from) => {
 // to: Route: 即将要进入的目标 路由对象
  //from: Route: 当前导航正要离开的路由
})

路由独享的守卫：直接在路由里面设定

routes: [
    {
      path: '/foo',
      component: Foo,
      beforeEnter: (to, from, next) => {
        // ...
      }
    }
  ]