这篇文章已经发布超过一年了,内容可能已经过时,请谨慎参考。
列表渲染
基本用法
循环数组
<ul>
<li v-for="(item, index) in items" :key="item.id">
{{ index }} - {{ item.text }}
</li>
</ul>
核心特性
必须绑定 key 属性
使用唯一标识符(推荐ID)
避免使用索引作为key(影响性能/可能导致状态错乱)
这篇文章已经发布超过一年了,内容可能已经过时,请谨慎参考。
<ul>
<li v-for="(item, index) in items" :key="item.id">
{{ index }} - {{ item.text }}
</li>
</ul>
使用唯一标识符(推荐ID)
避免使用索引作为key(影响性能/可能导致状态错乱)