javascript - Vue.js 计算的 setter 性能

Question

当使用 Vuex 时，要使用 v-model 完成我的输入的双向绑定(bind)，我发现唯一的方法是使用计算属性设置方法。

例如，在我的 html 中:

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

和计算属性:

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

这是完成表单输入和 Vuex 之间双向绑定(bind)的最佳方式吗？我担心 Vue.js 计算的 setter 性能。

如果没有，在使用集中式存储(如 Vuex)时，如何使用 v-model 完成简单的两种绑定(bind)方式？

Answer 1

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

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