2025年路由守卫有哪三种类型的(路由守卫有哪几种)

路由守卫有哪三种类型的(路由守卫有哪几种)路由守卫 简单理解来说就是 当用户要进行一些操作时 需要用户的一些信息或数据或行为 判断过后 才会同意用户进行操作 说到这里 大家心里都或多或少有点理解了吧 官方一点的解释就是进行操作的鉴权 当操作与之条件匹配时 操作成功 当操作与之不匹配时 操作终止 作用就是是对路由进行权限控制 在 Vue 中 路由守卫分为三种 全局路由守卫 顾名思义 一旦配置 那么作用范围就是所有的路由

大家好,我是讯享网,很高兴认识大家。



路由守卫,简单理解来说就是,当用户要进行一些操作时,需要用户的一些信息或数据或行为,判断过后,才会同意用户进行操作。

说到这里,大家心里都或多或少有点理解了吧,官方一点的解释就是进行操作的鉴权,当操作与之条件匹配时,操作成功,当操作与之不匹配时,操作终止,作用就是是对路由进行权限控制。

在Vue中,路由守卫分为三种:、、。

全局路由守卫,顾名思义,一旦配置,那么作用范围就是所有的路由,全局路由又分为全局前置守卫和全局后置守卫

全局前置守卫
全局前置守卫,组件初始化时调用,每次路由切换之前调用,路由切换之前指的就是,举个例子说,当前我在A路由组件,我要切换到B路由组件,那么前置路由守卫就是在我点了切换按钮,但B路由组件还没有被呈现在页面上的时候被调用。

 
  
讯享网

全局后置守卫
全局后置守卫,组件初始化时调用,每次路由切换之后调用,路由切换之后指的就是,举个例子说,当前我在A路由组件,我要切换到B路由组件,那么前置路由守卫就是在我点了切换按钮B路由组件呈现到页面中后被调用。


讯享网

讯享网

组件独享守卫是在进入组件时被调用,区别就在于,想对那个路由进行权限控制就直接在其路由配置项中添加守卫,作用域也仅限于该路由。

 

可自行去尝试,其实效果都是一样的,只不过,全局路由守卫服务的是所有路由组件,而独享路由守卫只服务于被配置的单个路由组件

当使用路由规则进入该组件或离开该组件时,就会触发组件内守卫的调用,而组件内守卫的作用于范围也仅限于该组件

讯享网

在开发中,我们也可以使用来完成某些操作,比如当我要切换出该组件时,我希望该组件的操作能暂停,而不是一直运行,只有当我切换回该组件时,又再次运行,这样的操作就可以配合着 来完成,也可以提高应用的性能。


小讯
上一篇 2025-06-05 15:56
下一篇 2025-05-11 10:06

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/164218.html