vue遍历数组
时间: 2023-07-03 21:27:22 浏览: 86
Vue中遍历数组的新方法实例详解
5星 · 资源好评率100%
在Vue中,可以使用`v-for`指令来遍历数组。以下是一个简单的示例:
```html
<ul>
<li v-for="item in items">{{ item }}</li>
</ul>
```
在上面的代码中,`v-for`指令将会遍历`items`数组,每个数组项都会被赋值给变量`item`,然后在`<li>`标签中使用`{{ item }}`来显示每个数组项的值。
如果要获取当前项的索引,可以使用`v-for`指令的第二个参数,如下所示:
```html
<ul>
<li v-for="(item, index) in items">{{ index }} - {{ item }}</li>
</ul>
```
在上面的代码中,`v-for`指令除了`item`变量外,还有一个`index`变量,可以用来获取当前项的索引。
阅读全文