如何深入理解Vuex中store的命名空间概念?

更新于
2026-09-28 09:47:50
0阅读来源:SEO资讯
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计276个文字,预计阅读时间需要2分钟。

如何深入理解Vuex中store的命名空间概念?

为了防止store变化的过度渲染,我们可以为store注册一个模块,模块默认属于全局命名空间。也就是说,当用下划线代码开发action时,任何模块只要包含addNews方法,就会得到执行+this.$store.dispatch('')。

为了防止store变的过于臃肿,我们可以为store注册模块,模块默认是属于全局命名空间的,也就是说当用下列代码分发action时,任意模块只要action中有addNews,就会得到执行

this.$store.dispatch('addNews')

有时候这种情况会不是我们想要的,为此我们可以为模块指定命名空间,相当于把它封装起来,这样在像上面那样分发action,具有命名空间的模块中的addNews函数就不会执行

当然你也可以指定位于特定的命名空间中的模块执行addNews这个函数,方法如下面所示

如何深入理解Vuex中store的命名空间概念?

this.$store.dispatch('模块的名字/addNews')

以上这篇浅谈vuex中store的命名空间就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持易盾网络。

本文共计276个文字,预计阅读时间需要2分钟。

如何深入理解Vuex中store的命名空间概念?

为了防止store变化的过度渲染,我们可以为store注册一个模块,模块默认属于全局命名空间。也就是说,当用下划线代码开发action时,任何模块只要包含addNews方法,就会得到执行+this.$store.dispatch('')。

为了防止store变的过于臃肿,我们可以为store注册模块,模块默认是属于全局命名空间的,也就是说当用下列代码分发action时,任意模块只要action中有addNews,就会得到执行

this.$store.dispatch('addNews')

有时候这种情况会不是我们想要的,为此我们可以为模块指定命名空间,相当于把它封装起来,这样在像上面那样分发action,具有命名空间的模块中的addNews函数就不会执行

当然你也可以指定位于特定的命名空间中的模块执行addNews这个函数,方法如下面所示

如何深入理解Vuex中store的命名空间概念?

this.$store.dispatch('模块的名字/addNews')

以上这篇浅谈vuex中store的命名空间就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持易盾网络。