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循环的用法
/v2/guide/list.html#用-v-for-把一个数组对应为一组元素