vuex使用体验(2)

const store = new Vuex.Store({ state: { todos: [ { id: 1, text: '...', done: true }, { id: 2, text: '...', done: false } ] }, getters: { doneTodos: state => { return state.todos.filter(todo => todo.done) } } }) // in component computed: { // 使用对象展开运算符将 getter 混入 computed 对象中 ...mapGetters([ 'doneTodosCount', 'anotherGetter', // ... ]) }

super-vuex:

this.store.doneTodos.get('todos')

非常简约地完成getter，响应式getter

当然想使用原生的getter也是OK的，辅助方法adjFunction(对ChildVuex自动生成的属性进行覆盖或自定义)

[ChildVuex].setGetter(path, cb)

自定义或覆盖模块中相应getter的属性，相当于原生vuex的getter属性。

覆盖原有的getter

child.setGetter('load.total', state => { return state.load.total + 100; }); /* 调用$store.user.get('load.total') * 返回 200 */