本文详细介绍了Vue.js中的路由守卫，包括全局路由守卫和组件路由守卫的使用，如beforeEach、afterEach、beforeRouteEnter等。讲解了各守卫的执行时机及next函数的运用，例如如何控制路由跳转、阻止路由变更等。通过对路由守卫的深入理解，可以更好地管理和控制应用的导航流程。
vue-router
全局路由守卫:
router。beforeEach进入页面前 router.afterEach进入页面后
组件路由守卫:
beforeRouteEnter 进入前
router.afterEach 进入页面后
beforeRouteLeave 离开后
beforeEnter 路由独享守卫
路由守卫钩子函数里面的三个参数：
to,form,next 这三个参数： vue3中next可写可不写，可以用return 替换next的功能to和from是将要进入和将要离开的路由对象，路由对象指的是平时通过this.$route获取到的路由对象
next:Function 这个参数是个函数，且必须调用，否则不能进入路由（页面空白）
next() 进入该路由
next(false): 取消进入路由，url地址重置为from路由地址（也就是将要离开的路由地址）
next 跳转新路由，当前的导航被中断，重新开始一个新的导航.
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
