路由守卫(全局 + 局部)

你可以使用 router.beforeEach 注册一个全局前置守卫：

router.beforeEach((to, from, next) => {

    console.log(to)：

    console.log(from)

    console.log(next)

}）

to 跳转后的页面

from 跳转前的页面

next 是函数

  直接调用 next() 允许跳转

  next(false) 不允许跳转

  next('/index') 代表要跳转到首页

局部守卫

const router = new VueRouter({

  routes: [

    {

      path: '/foo',

      component: Foo,

      beforeEnter: (to, from, next) => {

      }

    }

  ]

})