Vue
HTML
<div id="app">
<input :value="v" @input="update(obj, k, $event)" v-for="(v, k) in obj" :key="k"/>
<hr/>
<h4>
Make sure reactive works
</h4>
<div>
<ul>
<li v-for="(v, k) in obj" :key="k">{{ v }}</li>
</ul>
</div>
</div>
Vue
new Vue({
el: "#app",
data: {
obj: {
x: 'hello',
y: 'world',
z: 'foo',
},
},
methods: {
update(obj, prop, event) {
this.$set(obj, prop, event.target.value);
}
}
})