v-for为什么用of
时间: 2023-06-29 18:06:59 浏览: 125
vue v-for 使用问题整理小结
在 Vue.js 中,v-for 指令用于渲染列表数据。在 v-for 指令中使用 "of",通常是因为你使用的是 ECMAScript 6 (ES6) 的语法。在 ES6 中,有一个新的关键字 "of",用于迭代数组或类数组对象,它的作用类似于 "in" 关键字,但与 "in" 不同,它返回的是数组元素值,而不是数组元素的索引。
在 Vue.js 的 v-for 指令中,可以使用 "of" 替代 "in" 来遍历数组或对象的值。例如,下面的代码使用 v-for 指令遍历一个数组,并打印每个元素的值:
```html
<ul>
<li v-for="item of items">{{ item }}</li>
</ul>
```
这里使用了 "of" 来遍历数组 items,并且在每个 li 标签中输出数组元素的值。
阅读全文