列表渲染

这篇文章已经发布超过一年了,内容可能已经过时,请谨慎参考。

列表渲染

learn/vue3

基本用法

循环数组

VUE
1
2
3
4
5
<ul>
  <li v-for="(item, index) in items" :key="item.id">
    {{ index }} - {{ item.text }}
  </li>
</ul>

核心特性

必须绑定 key 属性

使用唯一标识符(推荐ID)

避免使用索引作为key(影响性能/可能导致状态错乱)