在v-for指令中使用索引

在 `v-for` 指令中，可以使用第二个参数来获取当前循环的索引。例如：

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

在上面的例子中，`v-for` 指令中的 `(item, index)` 表示将 `items` 数组中的每个元素依次赋值给 `item` 变量，并将它们的索引依次赋值给 `index` 变量。然后，在模板中可以使用 `index` 变量来输出当前循环的索引，如 `{{ index }} - {{ item }}` 所示。

需要注意的是，索引从 0 开始，因此如果需要将索引从 1 开始，可以在模板中将 `index` 变量加上 1，如 `{{ index + 1 }} - {{ item }}` 所示。

相关问题

v-for指令

v-for指令是Vue.js中常用的一个指令，用于在模板中循环渲染一组数据，例如：

<ul>
  <li v-for="item in items">{{ item }}</li>
</ul>

上面的代码中，v-for指令会循环遍历items数组中的每一项，并使用当前项作为模板中的数据，渲染出一组li元素。

在v-for指令中，可以使用特殊的语法来访问当前项的索引和值，例如：

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

上面的代码中，我们使用了括号将item和index括起来，表示它们是一个整体，同时也可以使用逗号来分隔它们。

除了数组，v-for指令也可以用于遍历对象的属性，例如：

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

上面的代码中，v-for指令会遍历object对象的每一个属性，并使用当前属性的键和值作为模板中的数据，渲染出一组li元素。

使用v-for指令遍历对象数组

可以使用以下语法：

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

其中，`items` 是一个对象数组，`item` 是数组中的每个元素，`index` 是元素的索引。在上面的例子中，我们使用 `v-for` 指令遍历 `items` 数组，并将每个元素渲染为一个 `<div>` 元素。`key` 属性用于提高渲染性能。