v-for循环

Posted 2020-11-23 progress-

v-for 在组件中使用，必须要与key相结合 

1、循环数组 item in list    (item,i) in list

　　【1,2,3,4,5,6,7,8,9】

2、循环对象数组   item in list    (item,i) in list     可以通过item.id获取id   item.name获取名字

　　list【

　　{id:1,name:"aaaa"},

　　{id:2,name:"bbbb"},

　　{id:3,name:"cccc"},

　　{id:4,name:"dddd"},

　　】

3、循环对象   (val,key) in list    (item,i) in list     可以通过item.val获取值   item.key获取键

　　list【

　　　user{

　　　　name:‘aaaa‘,

　　　　age:18,

　　　　}

　　】

4、迭代数字   从1开始进行循环

　　<p v-for="item in 10">共循环{{item}}次</p>