Vue.js 计算的 setter 性能

Question

当使用 Vuex 时，为了完成我的输入的双向绑定，使用 v-model，我发现唯一的方法是使用计算的属性 setter 方法。

例如，在我的 html:

<input v-model="name" ... />

和计算的属性:

computed: {
  name: {
    get: function () {
      return this.$store.state.name;
    },
    set: function (newValue) {
      this.setNameAction(newValue);
    }
  }
}

这是实现表单输入和 Vuex 双向绑定的最佳方式吗？我担心 Vue.js 计算的 setter 性能。

如果没有，在使用 Vuex 等集中存储时，如何使用 v-model 完成简单的双向绑定？

Answer 1

Vuex 文档说您的示例是正确的方法，所以我不担心。

https://vuex.vuejs.org/en/forms.html

Vue.js 计算的 setter 性能

Vue.js computed setter performance

javascript

vue.js

vuejs2

vuex