总结vuex的命名空间使用方法
时间: 2023-05-19 22:03:51 浏览: 126
vuex使用方法,小记总结
Vuex 的命名空间是为了解决多个模块之间命名冲突的问题而引入的。在使用命名空间时,需要在模块中添加一个 namespace 属性,然后在调用模块中的 action、mutation 或 getter 时,需要在前面加上模块的命名空间。
例如,在模块中添加命名空间:
```
const moduleA = {
namespace: true,
state: { ... },
mutations: { ... },
actions: { ... },
getters: { ... }
}
```
然后在调用模块中的 action、mutation 或 getter 时,需要加上模块的命名空间:
```
this.$store.dispatch('moduleA/actionName')
this.$store.commit('moduleA/mutationName')
this.$store.getters['moduleA/getterName']
```
这样就可以避免多个模块之间的命名冲突问题。
阅读全文