javascript - 在 Vuex 中使用 get/set 计算属性和 mapState、mapMutation

Question

我使用名为 main 的 Vuex 模块获得以下计算属性:

computed: {
  foo: {
    get(){
      return this.$store.state.main.foo;
    },
    set(value) {
      this.$store.commit("main/foo", value);
    }
  }
}

我想使用 get/set 模式，因为我想使用 v-model="foo"。必须直接与 $store 对话非常冗长。是否有更简单的方法使用 mapState、mapMutation 甚至 createNamespacedHelpers？

Answer 1

我建议您尝试 vuex-map-fields 模块，其中包含一个 mapFields 辅助方法，可帮助您动态设置 getter 和 setter。