vue for循环数组
时间: 2023-07-14 17:08:43 浏览: 118
VUE整理(五)
在Vue中,你可以使用v-for指令来循环渲染数组。以下是一个示例:
```html
<div id="app">
<ul>
<li v-for="item in items" :key="item.id">
{{ item.name }}
</li>
</ul>
</div>
```
```javascript
new Vue({
el: '#app',
data: {
items: [
{ id: 1, name: 'Item 1' },
{ id: 2, name: 'Item 2' },
{ id: 3, name: 'Item 3' }
]
}
});
```
在上面的示例中,我们使用v-for指令来遍历`items`数组,并为每个数组元素创建一个`<li>`元素。`:key`属性用于提供唯一的标识符,以便Vue能够正确地跟踪每个元素的变化。
你可以根据自己的需求调整模板和数据,来实现你想要的循环渲染效果。
阅读全文