vue-router 的官网:https://router.vuejs.org/zh/guide/essentials/navigation.html
导航守卫:导航首位就是做了一个判断,成立让进去,不成立不让进去
三种守卫方法
1.全局守卫。
2.路由独享守卫
3.组件内守卫
1 全局守卫。router.beforeEach
当从一个路由跳转到另一个路由的时候触发此守卫,这个守卫也叫全局前置守卫,所以它是跳转前触发的。任何路由跳转都会触发。
例子:
const router = new VueRouter({ … })
router.beforeEach((to, from, next) => {
// …
})
每个守卫都有三个参数:
to:这是你要跳去的路由对象。
from:这是你要离开的路由对象。
next:是一个方法,它接受参数。这个方法必须调用要不就跳不过去了,你可以把它看做保安。必须给它打个招呼,要不然不让你过。
next()。这就是告诉保安我要过去,去哪里呢? 就是to了。
next(false)。如果传入false。保安就不让过了。也就是中断跳转。