How to bind input field and update vuex state at same time

Question

Im coming from a React background and it\'s simply enough to set your state from a prop and you could call setState({...}) to update the state, so, with vue / v

Answer 1

Yo can use a computed setter

computed:{
    name:{
        get: function(){ 
            return store.state.name; 
        }, 
        set: function(newName){ 
            store.dispatch('addName',newName); 
        }
    }
} 
enter code here

And set the v-model to the computed property name in your <input> tag :

<input v-model="name" />

Here is the working jsfiddle