如何访问 Vuex 模块的 getter 和 mutations? [英] How to access Vuex module getters and mutations?

问题描述

我正在尝试改用 Vuex 而不是我自己开发的 store 对象，我必须说我没有找到像 Vue.js 世界中的其他地方那样清晰的文档.假设我有一个名为products"的 Vuex 模块，它有自己的状态、突变、getter 等.我如何引用该模块中名为clearWorking Data"的操作?文档给出了访问模块状态的示例:

I'm trying to switch to using Vuex instead of my homegrown store object, and I must say I'm not finding the docs as clear as elsewhere in the Vue.js world. Let's say I have a Vuex module called 'products', with its own state, mutations, getters, etc. How do I reference an action in that module called, say, 'clearWorking Data'? The docs give this example of accessing a module's state:

store.state.a // -> moduleA's state

但我看不到有关 getter、mutation、action 等的任何信息.

But nothing I can see about getters, mutations, actions, etc.

推荐答案

在您的示例中，它将是 store.dispatch('products/clearWorkingData') 您可以将操作/突变视为一个文件系统在某种程度上.模块嵌套得越深，它们在树中的位置就越深.

In your example it would be store.dispatch('products/clearWorkingData') you can think of actions/mutations as a file system in a way. The deeper the modules are nested the deeper in the tree they are.

所以如果你有一棵三层深的树，你可以去store.commit('first/second/third/method').

so you could go store.commit('first/second/third/method') if you had a tree that was three levels deep.

这篇关于如何访问 Vuex 模块的 getter 和 mutations?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！