Использование get / set Computed свойство с mapState, mapMutation в Vuex

Question

У меня есть следующее вычисляемое свойство с использованием модуля Vuex с именем main:

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, помогающий динамически настраивать метод получения и установки.