vue js如何遍历[]
时间: 2023-11-30 12:02:06 浏览: 51
vue 的常见多道面试题
在 Vue.js 中,你可以使用 `v-for` 指令来遍历数组。具体的语法如下:
```html
<ul>
<li v-for="(item, index) in items" :key="index">{{ item }}</li>
</ul>
```
其中,`items` 是要遍历的数组,`item` 表示数组中的每一个元素,`index` 表示元素的索引。在 `v-for` 指令中,使用小括号包裹需要遍历的内容,使用冒号绑定 `key` 属性,避免出现重复的元素。
在上述示例中,我们通过 `v-for="(item, index) in items"` 遍历了 `items` 数组中的每个元素,并将它们渲染为一个个的 `li` 元素。在 `li` 元素中,我们使用双花括号 `{{ item }}` 来显示当前遍历到的元素。
阅读全文