Vue.js 计算的 setter 性能答案

【问题标题】：Vue.js computed setter performanceVue.js 计算的 setter 性能
【发布时间】：2017-09-24 09:35:02
【问题描述】：

当使用 Vuex 时，要在我的输入上完成两种方式绑定，使用 v-model，我发现唯一的方法是使用计算属性设置器方法。

例如在我的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 完成简单的双向绑定？

【问题讨论】：

你不应该关心性能，直到它成为一个实际问题。
Vuex 文档说你的例子是正确的方法，所以我不会担心。 vuex.vuejs.org/en/forms.html
我只是想添加我的fiddle 你的 sn-p - 这样你就可以玩弄它，我也认为它可以使用。
@EricGuan 谢谢。我在阅读文档时错过了这一点。如果可以，请将其发布为答案，我会检查是否已接受。
@AWolf 谢谢。

标签： javascript vue.js vuejs2 vuex

【解决方案1】：

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

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

【讨论】：