本文详细介绍了Vue中v-for指令的三种用法：1) 遍历数组，通过别名绑定元素；2) 遍历对象，使用键值和键别名；3) 结合key属性，提升虚拟DOM更新效率。v-for在遍历过程中提供了便利，并且key属性有助于优化更新操作。
v-for
-
预期：
Array|Object|number|string|Iterable (2.6 新增) -
用法：
基于源数据多次渲染元素或模板块。此指令之值，必须使用特定语法 alias in expression，为当前遍历的元素提供别名，另外也可以为数组索引指定别名 (或者用于对象的键)。
1.v-for与数组
（其实就是遍历数组）
语法：
<li v-for="item in message">{ {item}}</li><li v-for="(item,index) in message">{ {item}}-{ {index}}</li>
具体情况如下：
<div id="app">
<ul>
<li v-for="item in message">{
{item}}</li>
</ul>
</div>
message为数组名，item为自定义名称，不过item in 数组名要和{
{item}}相符。
最低0.47元/天 解锁文章
扫一扫
1498
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
