Vue.js 循环渲染：v-for 指令详解

在 Vue.js 中，可以使用 v-for 指令对数组或对象进行循环渲染。具体用法如下：

1. 循环数组：

<div v-for='item in items' :key='item.id'>
  <{{ item }}>
</div>

在上述代码中，'items' 是一个数组，'item' 是数组中的每一项。':key' 用于指定每一项的唯一标识，以便 Vue 进行高效的渲染。

2. 循环对象：

<div v-for='(value, key) in object' :key='key'>
  <{{ key }}: {{ value }}>
</div>

在上述代码中，'object' 是一个对象，'key' 是对象的键，'value' 是对应的值。':key' 同样用于指定每一项的唯一标识。

3. 循环数字：

<div v-for='n in 5' :key='n'>
  <{{ n }}>
</div>

在上述代码中，'n' 会从 1 到 5 循环。

需要注意的是，v-for 循环中的元素必须有唯一的 ':key' 属性，以便 Vue 能够正确地进行更新和重用。