2017-04-26 6 views
4

Vuex를 사용할 때 v- 모델을 사용하여 입력에서 양방향 바인딩을 수행하기 위해 계산 된 속성 설정 메서드를 사용해야합니다.Vue.js 계산 된 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을 사용하여 쉬운 양방향 바인딩을 수행하는 방법은 무엇입니까?

+6

실제 문제가 될 때까지는 성능에 신경 쓰지 않아야합니다. – Thomas

+1

Vuex docs는 당신의 예가 적절한 방법이라고 말합니다. 그래서 나는 그것에 대해 걱정하지 않을 것입니다. https://vuex.vuejs.org/en/forms.html –

+0

스 니펫의 [fiddle] (https://jsfiddle.net/awolf2904/xdkvv86m/1/)을 추가하기 만하면됩니다. 그것과 나는 또한 사용하는 것이 좋습니다라고 생각합니다. – AWolf

답변