vue学习- 列表渲染v-for

v-for用法

可操作的对象：

  数组（普通数组，对象数组）、对象、数字；

以对象数组为例：

let arr=[
  {name:'张三'，age:'18',sex:'男'},
  {name:'李思'，age:'20',sex:'女'},
  {name:'庞斑'，age:'31',sex:'男'}
]

方式1：
   v-for="item in dataList"
方式2：
   v-for="(item,index) in dataList" :key='index'
方式3：
   v-for="(item,key,index) in dataList" :key='index'

 

 

 

 

不推荐同时使用 v-if 和 v-for。请查阅风格指南以获取更多信息。

当 v-if 与 v-for 一起使用时，v-for 具有比 v-if 更高的优先级。请查阅列表渲染指南以获取详细信息。

 

参考链接：

vue v-for循环的用法

https://cn.vuejs.org/v2/guide/list.html#用-v-for-把一个数组对应为一组元素