JSFiddle - React, Tailwind, and code Playground
by RomainMazB
HTML
<div id="app">
<div v-for="(name, index) in properties">
<span>{{name}}</span>
<input type="text" v-model="$options.computed['name']" />
</div>
</div>
JavaScript
new Vue({
el: '#app',
data: {
properties: {
first: "first",
second: "second",
third: "third"
}
},
computed: {
firstComputed() { return 'Computed: '+this.first; },
secondComputed() { return 'Computed: '+this.second; },
thirdComputed() { return 'Computed: '+this.third; }
}
});