我是靠谱客的博主 繁荣春天,最近开发中收集的这篇文章主要介绍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的路由守卫所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

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

评论列表共有 0 条评论

立即
投稿
返回
顶部