Vuex中的动态存储值

Question

我有一个简单的存储，我想有一个存储值，自动总结数组中的所有值，但我不确定什么是最好的方法与突变，方法或计算值。

export default {
namespaced: true,
state: {
my_list_values: [10,9,10],
list_sum: 29
}
}

我希望listrongum值的函数能够对my_list_values进行求和。

Answer 1

您可以使用getter来保存listSum的逻辑，并且可以在组件中使用

export default {
namespaced: true,
state: {
my_list_values: [10,9,10],
}
getters: {
listSum (state) {
//logic to sum values
}
}
}

你可以在组件的任何地方使用这个getter，如下

import { mapGetters } from 'vuex'
computed: {
...mapGetters([
'listSum',
// ...
])
}

或

this.$store.getters.listSum

For Ref: Getters