2017-04-26 116 views
4

使用Vuex时,使用v-model完成对我的输入的双向绑定,唯一我发现的是使用计算属性设置器方法。Vue.js计算的设置器性能

例如,在我的html:

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

和计算性能:

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

这是实现表单输入和Vuex之间的双向绑定的最佳方式?我很关心Vue.js计算出的setter性能。

如果不是,如何在使用V-model时使用Vuex这样的集中式商店来完成简单的双向绑定?

+6

你不应该关心性能直到它是一个实际问题。 – Thomas

+1

Vuex文档说你的例子是正确的,所以我不担心它。 https://vuex.vuejs.org/en/forms.html –

+0

我只是想添加我的[小提琴](https://jsfiddle.net/awolf2904/xdkvv86m/1/)你的片段 - 所以你可以玩与它,我也认为它可以使用。 – AWolf

回答