vue路由守卫总结

vue的路由守卫

路由守卫总共有三种守卫,全局守卫、独享守卫、以及组件守卫

全局守卫

  • 全局前置守卫(beforeEach(to,from,next))
    说明 :配置全局前置守卫之后门进入所有的路由都会出发全局前置守卫,经常用于判断是否登录以及判断已登录的账户有没有权限进入这个页面。一般这个守卫用的比较多
  • 全局解析守卫(beforeResolve(to,from,next))
  • 全局后置守卫(afterEach(to,from))

独享守卫

  • beforeEnter(to,from,next):这个守卫需要在每个路由里卖弄单独配置

组件守卫

  • beforeRouteEnter
  • beforeRouteUpdate
  • beforeRouteLeave
    说明:当路由参数发生变化以及查询时不会触发beforeRouteEnter、beforeRouteLeave这两个守卫
    在beforeRouteEnter当中不能够直接访问this指针,但是可以在next当中传入vm实例进行调用

猜你喜欢

转载自blog.csdn.net/Chennfengg222/article/details/106196087