vue2v-for遍历数组
时间: 2023-10-18 17:32:06 浏览: 165
03_Vue基础–模板语法(二).pptx
在Vue 2中,我们可以使用`v-for`指令来遍历数组。
例如,假设我们有一个名为`items`的数组,我们可以在模板中使用`v-for`来遍历它:
```html
<div>
<ul>
<li v-for="item in items" :key="item.id">
{{ item.name }}
</li>
</ul>
</div>
```
在上面的代码中,`v-for="item in items"`表示对`items`数组进行遍历,每个遍历项都会赋值给`item`变量。`:key="item.id"`用于为每个遍历项指定唯一的key,这有助于Vue进行优化和渲染。
在`v-for`循环内部,我们可以使用双括号插值语法`{{ item.name }}`来显示每个遍历项的属性。
请注意,对于数组的遍历,Vue会自动追踪每个项的变化并更新DOM。如果你修改了数组,Vue会相应地更新视图。
希望这能帮到你!如果你还有其他问题,请随时提问。
阅读全文