v-for循环

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>

猜你喜欢

转载自www.cnblogs.com/Progress-/p/12001875.html
今日推荐