Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/386.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Vue.js计算setter性能_Javascript_Vue.js_Vuejs2_Vuex - Fatal编程技术网

Javascript Vue.js计算setter性能

Javascript Vue.js计算setter性能,javascript,vue.js,vuejs2,vuex,Javascript,Vue.js,Vuejs2,Vuex,在使用Vuex时,为了使用v-model对输入完成双向绑定,我发现唯一的方法是使用computed property setter方法 例如,在我的html中: <input v-model="name" ... /> 这是实现表单输入和Vuex之间双向绑定的最佳方法吗?我担心Vue.js计算setter的性能 如果没有,我如何在使用Vuex这样的集中存储时使用v-model实现简单的双向绑定?Vuex文档说您的示例是正确的方法,因此我不必担心 在性能浪漫成为实际问题之前,您不应该

在使用Vuex时,为了使用v-model对输入完成双向绑定,我发现唯一的方法是使用computed property setter方法

例如,在我的html中:

<input v-model="name" ... />
这是实现表单输入和Vuex之间双向绑定的最佳方法吗?我担心Vue.js计算setter的性能


如果没有,我如何在使用Vuex这样的集中存储时使用v-model实现简单的双向绑定?

Vuex文档说您的示例是正确的方法,因此我不必担心


在性能浪漫成为实际问题之前,您不应该关心它。Vuex文档说您的示例是正确的方法,所以我不会担心它。我只想添加我对你的代码片段的评论,这样你就可以玩它了,我也认为可以使用它。@EricGuan谢谢。我在看文件的时候错过了。如果可以,请将此作为答案发布,我会检查是否已接受。@AWolf谢谢。
computed: {
  name: {
    get: function () {
      return this.$store.state.name;
    },
    set: function (newValue) {
      this.setNameAction(newValue);
    }
  }
}