JSFiddle - React, Tailwind, and code Playground
HTML
<div id="demo">
<p>在下面的文本框随便填写什么</p>
</p>
<p v-for="item in list" track-by="$index">
<span>{{ item }}</span>
<input type="text"/>
</p>
<button @click="reverse">Reverse</button>
</div>
JavaScript
new Vue({
el: '#demo',
data: {
list: [1, 2, 3]
},
methods: {
reverse: function() {
this.list = this.list.reverse();
}
}
});