VUE列表渲染 FOR-IN和FOR-OF的区别

一 总结

• V-for循环遍历数组时推荐使用of，语法格式为(item，index) （java代码中多用----直接取值）

  item:迭代时不同的数组元素的值
  index:当前元素的索引

• V-for循环遍历对象时推荐使用in，语法格式为(item,name,index) （v-for多用）

  item:迭代时对象的键名键值
  name:迭代时对象的键名
  index:当前元素的索引

二 比较

V-FOR遍历数组

DATA:
    list:[
        {name:'1'},
        {name:'2'},
        {name:'3'}，
    ]

html:
<div class="items" v-for='(item,name,index) of list'>{
  {item}}->{
  {name}}->{
  {index}}</div>
<div class="items" v-for='(item,name,index) in list'>