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/