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 @ 2022-02-21 17:21  清和时光  阅读(1194)  评论(0编辑  收藏  举报