我正在尝试命名空间模块的 getter、mutations、actions,我在这里看到了这个文档,但似乎有点模糊。
// types.js
// define names of getters, actions and mutations as constants
// and they are prefixed by the module name `todos`
export const DONE_COUNT = 'todos/DONE_COUNT'
export const FETCH_ALL = 'todos/FETCH_ALL'
export const TOGGLE_DONE = 'todos/TOGGLE_DONE'
// modules/todos.js
import * as types from '../types'
// define getters, actions and mutations using prefixed names
const todosModule = {
state: { todos: [] },
getters: {
[types.DONE_COUNT] (state) {
// ...
}
},
actions: {
[types.FETCH_ALL] (context, payload) {
// ...
}
},
mutations: {
[types.TOGGLE_DONE] (state, payload) {
// ...
}
}
}
那么如何在 vue 组件中使用模块化的 getter、mutations 呢?
export default {
data() {
// like this?
count: this.$store.getters.DONE_COUNT,
// ?
count: this.$store.getters.todos.DONE_COUNT,
// ?
count: this.$store.getters.todosModule.DONE_COUNT,
// ?
count: ?,
},
};