3
我是vuejs的新手。在我看來,追蹤屬性有點難以理解。以下示例顯示了track-by屬性與數組中的重複元素有關。但是,如何在引擎蓋下實現v-for屬性?當數組中有重複的元素時,行爲如何?track-by =「$ index」有什麼不同?與v-for一起使用track-by屬性有什麼意義?
new Vue({
\t el: '#app',
data: function() {
\t return {
\t items: [
\t 'User Connected',
'Message',
'Message',
'User Connected',
'Message'
]
}
},
methods: {
\t addItem: function(item) {
\t \t \t this.items.push(item);
}
}
})
<div id="app">
<button @click="addItem('User Connected')">Add Connected</button>
<button @click="addItem('Message')">Add Message</button>
<ul>
<li v-for="item in items" track-by="$index">{{ item }}</li>
</ul>
<pre>
{{items | json}}
</pre>
</div>
https://jsfiddle.net/uuw4z0kr/2/