列表渲染

我们可以使用 v-for 指令基于一个数组来渲染一个列表。v-for 指令的值需要使用 item in items 形式的特殊语法，其中 items 是源数据的数组，而 item 是迭代项的别名

大多数情况，我们渲染的数据源来源于网络请求，也就是 JSON 格式，要么数组，要么对象。

Vue 默认按照“就地更新”的策略来更新通过 v-for 渲染的元素列表。当数据项的顺序改变时，Vue 不会随之移动 DOM 元素的顺序，而是就地更新每个元素，确保它们在原本指定的索引位置上渲染。

为了给 Vue 一个提示，以便它可以跟踪每个节点的标识，从而重用和重新排序现有的元素，你需要为每个元素对应的块提供一个唯一的 key attribute

提示

key 在这里是一个通过 v-bind 绑定的特殊 attribute

推荐在任何可行的时候为 v-for 提供一个 key attribute

key 绑定的值期望是一个基础类型的值，例如字符串或 number 类型

---

在这里我并不推荐大家使用index作为key的值，我们要确保每一条数据的唯一索引不会发生变化，可以使用 item.id 等唯一不变的值