vue列表渲染指令

目录

v-for

 v-for 中的索引

 使用 key 维护列表的状态

key 的注意事项

---

v-for

vue 提供了 v-for 列表渲染指令，用来辅助开发者基于一个数组来循环渲染一个列表结构。v-for 指令需要使
用 item in items 形式的特殊语法，其中：

• items 是待循环的数组
• item 是被循环的每一项

<tr v-for="item in list">
          <td>{
  { item.id }}</td>
          <td>{
  { item.name }}</td>
</tr>
data: {
        list: [
          { id: 1, name: '张三' },
          { id: 2, name: '李四' },
          { id: 3, name: '王五' },
          { id: 4, name: '张三' },
        ]
      }

运行结果：