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