路由:
相当于定位,让你可以跳转到你需要的页面,通过不同的路径来访问不同的组件,页面
路由导航守卫:
全局前置守卫:
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) => {
// ...
}
}
]