vue 的v-for用法

Vue的v-for指令可以用来渲染一个数组或对象的属性列表。它的语法如下：

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

其中，`items` 是需要遍历的数组或对象。在上面的示例中，`item` 是一个循环变量，它代表了数组中的每一个元素。你可以在`v-for`指令中使用`item`来展示列表中的数据。

如果你需要获取当前项的索引，可以在指令后面添加一个可选参数：

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

在上面的示例中，`index` 表示当前项的索引。

如果你需要同时遍历两个数组，可以使用`v-for`的嵌套形式：

<div v-for="item in items">
    <div v-for="subItem in item.subItems">{{ subItem }}</div>
</div>

在上面的示例中，`items` 是一个数组，它的每一个元素都是一个对象，每个对象中包含一个名为`subItems`的数组。通过嵌套`v-for`指令，我们可以先遍历`items`数组，然后再遍历它们每个对象中的`subItems`数组。

除了数组，`v-for`指令还可以遍历对象的属性：

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

在上面的示例中，`object` 是一个对象，`key`表示对象的属性名，`value`表示对象的属性值。

它还支持遍历数字区间：

<div v-for="n in 10">{{ n }}</div>

在上面的示例中，我们遍历了 1 到 10 的数字区间。

以上就是Vue中`v-for`指令的用法。