Vue中的v-for

在真实开发中,我们往往会从服务器拿到一组数据,并且需要对其进行渲染。
这个时候我们可以使用v-for来完成;
v-for类似于JavaScript的for循环,可以用于遍历一组数据;

v-for的基本格式是 "item in 数组":

数组通常是来自data或者prop,也可以是其他方式;
item是我们给每项元素起的一个别名,这个别名可以自定来定义;
我们知道,在遍历一个数组的时候会经常需要拿到数组的索引:
如果我们需要索引,可以使用格式: "(item, index) in 数组";
注意上面的顺序:数组元素项item是在前面的,索引项index是在后面的;

v-for 也支持对象以及数字类型的遍历

v-for也支持遍历对象,并且支持有一二三个参数:

一个参数: "value in object";
二个参数: "(value, key) in object";
三个参数: "(value, key, index) in object";

v-for同时也支持数字的遍历:

每一个item都是一个数字;

posted @   清和时光  阅读(1223)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 上周热点回顾(2.24-3.2)
点击右上角即可分享
微信分享提示