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

假设某个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?
阅读 2.4k
1 个回答
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题