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都是一个数字;


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM