我是靠谱客的博主 繁荣春天,这篇文章主要介绍vue路由守卫总结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实例进行调用

最后

以上就是繁荣春天最近收集整理的关于vue路由守卫总结vue的路由守卫的全部内容,更多相关vue路由守卫总结vue内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(123)

评论列表共有 0 条评论

立即
投稿
返回
顶部