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 跳转新路由,当前的导航被中断,重新开始一个新的导航.