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
更高的优先级。请查阅列表渲染指南以获取详细信息。
参考链接:
https://cn.vuejs.org/v2/guide/list.html#用-v-for-把一个数组对应为一组元素