vue，如何把computed提升到vuex的state

Question

假设某个spa，vuex中state结构是这样：state = {    A:{},    B:{},    C:{},    D:{}    ...}``在某个页面（路由X），假设有一个计算属性foo，是通过A、B、C经过一系列复杂的处理得到。computed:{...mapState(["A","B","C"]),foo(){    let a = this.A;    let b = this.B;    let c = this.C;        //对A,B,C各种处理、计算得到    return foo}}然后，发现路由Y、Z…等，也需要这个计算属性。目前是把这些代码复制过去，这样```foo(){//...}```代码就大量重复了。有没有什么好方法？如何提升至vuex？假如把foo写成一个mutations，又应该在何处commit？

Answer 1

使用 Vuex 的 getter 计算