假設某個spa，vuex中state結(jié)構(gòu)是這樣：

state = {
    A:{},
    B:{},
    C:{},
    D:{}
    ...
}
``
在某個頁面（路由X），假設有一個計算屬性foo，是通過A、B、C經(jīng)過一系列復雜的處理得到。

computed:{

...mapState(["A","B","C"]),
foo(){
    let a = this.A;
    let b = this.B;
    let c = this.C;
    
    //對A,B,C各種處理、計算得到
    return foo
}

}

然后，發(fā)現(xiàn)路由Y、Z…等，也需要這個計算屬性。目前是把這些代碼復制過去，這樣```foo(){//...}```代碼就大量重復了。有沒有什么好方法？如何提升至vuex？假如把foo寫成一個mutations，又應該在何處commit？