VueJS 全局导航守卫

导航守卫可以理解成 路由的监听,在router里面的是全局守卫。
路由独享守卫 //看官方文档,可以直接在路由地址里面写
组件内的守卫 //看官方文档

在router里面,前置守卫(guard)

--B站教程是  修改页面标题的。必须要在next里面定义要使用的
--从from 跳转到to 
router.beforEach((to,from,next)={
    document.title=to.matched[0].meta.title
    console.log(to)
    next()
})

在router路由中,还有可以添加的meta,元数据。上面的meta.title就是定义在路由中的

后置守卫

router.afterEach((to,from)=>{

})
原文地址:https://www.cnblogs.com/Alex-Mercer/p/12514557.html