vue router之router.beforeEach()

作用

主要是用来通过跳转或取消的方式守卫导航。

场景

使用同一个链接在不同条件下跳转到不同路由组件，例如未登录时跳转登录页面，登录后跳转个人信息页面等。

使用

用router.beforeEach注册一个全局前置守卫，在router中添加以下代码：

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

 // ...

})

// to：即将要进入的目标路由对象（这个对象包括name，params，meta等属性）

// from：当前导航正要离开的路由对象（这个对象包括name，params，meta等属性）

// next：Function，确保要调用next方法，否则🐶不会被resolved。这个当中还可以传一些参数。