vue list 循环

在 Vue 中，可以使用 `v-for` 指令来循环遍历数组或对象，生成对应的列表。以下是一个简单的示例：

<ul>
  <li v-for="(item, index) in items" :key="index">{{ item }}</li>
</ul>

在上面的示例中，我们使用 `v-for` 指令来遍历 `items` 数组，并使用 `:key` 绑定每个列表项的唯一标识符。循环中的每个项都有一个 `item` 和一个可选的 `index` 变量，它们分别表示当前项的值和索引。

如果 `items` 是一个对象，我们可以使用 `(value, key, index)` 的语法来遍历它：

<ul>
  <li v-for="(value, key, index) in object" :key="key">{{ key }}: {{ value }}</li>
</ul>

在这个示例中，我们使用 `(value, key, index)` 语法来遍历 `object` 对象，并将每个键值对作为列表项进行渲染。`key` 变量用于指定每个列表项的唯一标识符，以便 Vue 可以更好地追踪它们的状态。

以上是 Vue 中使用 `v-for` 指令循环遍历数组或对象生成列表的简单示例。