v-for 指令用于遍历数组或对象，并为每个元素渲染子组件或模板。它的语法为 <div v-for="item in items">，其中 item 是每个元素的别名，items 是要遍历的数组或对象。v-for 可以渲染列表、表格等结构。为了在元素更新或重新排列时跟踪子组件，需要为每个子组件指定一个唯一键。v-for 循环中可以访问 index、$index、first、last、even 和 odd 等范围变量，但范围变量只能在模板中使用，不能在 JavaSc
v-for 的用法
v-for 是 Vue.js 中一项基本指令，用于遍历数组或对象，并为每个元素渲染一个子组件或模板。
语法：
<code class="javascript"><div v-for="item in items"> <!-- 模板内容 --> </div></code>
参数：
立即学习“前端免费学习笔记（深入）”；
- item：循环中每个元素的别名
- items：要遍历的数组或对象
用法：
v-for 可以用来渲染列表、表格等结构。例如：
<code class="javascript"><ul>
<li v-for="item in items">{{ item }}</li>
</ul></code>这段代码会生成一个无序列表，其中包含 items 数组中的每一个元素。
使用键：
当渲染列表时，为每个子组件指定一个唯一键很重要，这样 Vue.js 才能在元素更新或重新排列时跟踪它们。
<code class="javascript"><ul>
<li v-for="item in items" :key="item.id">{{ item.name }}</li>
</ul></code>在这个例子中，我们使用 item.id 作为唯一键。
范围变量：
在 v-for 循环中，可以访问以下范围变量：
-
index：元素在数组或对象中的索引 -
$index：元素在渲染列表中的索引 -
first：元素是否是第一个 -
last：元素是否是最后一个 -
even：元素的索引是否是偶数 -
odd：元素的索引是否是奇数
提示：
- v-for 只能用于渲染列表。对于条件渲染，请使用
v-if或v-else。 - 始终为 v-for 循环中的子组件指定键。
- 范围变量可以在模板中使用，但不能在 JavaScript 中访问。
