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 计算