vue的路由守卫都有哪些？

Posted 2023-03-18

路由守卫分为以下几种
全局守卫：beforeEach（是路由的钩子函数，在每一个路由跳转之前执行，常做登录权限判断，参数：to，from，next）
后置守卫：afterEach（在跳转之后执行，参数：to，from）
全局解析守卫：beforeResolve（参数：to，from，next。在beforeEach之后，afterEach之前）
路由独享守卫：beforeEnter
组内路由守卫：beforeRouteEnter，beforeRouteUpdate，beforeRouteLeave
学习前端知识，推荐了解北京尚学堂，多年前端培训经验、多位优秀国内外老师面对面授课，给你带来最完美的课程体验。 参考技术A

一.全局守卫

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

  · 回调函数中的参数，to：进入到哪个路由去，from：从哪个路由离开，next：函数，决定是否展示你要看到的路由页面。

2.全局后置钩子router.afterEach((to,from)=>)

只有两个参数，to：进入到哪个路由去，from：从哪个路由离。

如下，每次切换路由时，都会弹出alert，点击确定后，展示当前页面。