VUE学习笔记008 v-for 遍历数组和对象
2019-02-02 本文已影响0人
梦想_15eb
遍历数组
characters:["aaaaaa","bbbbbbb","cccccccccc"]
<li v-for=" character in characters">
character
</li>
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++
遍历对象
users:[
{name:"aaaaaaa",age:"10"},
{name:"bbbbbb",age:"20"},
{name:"ccccc",age:"30"},
]
<li v-for="(user,incex) in users" >
{{index+1}}. {{user.name}} --{{user.age}}
</li>
+++++++++++++++++++++++++++
两层循环
<template v-for="(user,index) in users" >
<div v-for="(val, key) in user"></div>
</template>
![](https://img.haomeiwen.com/i16120591/3ddd2b1ca7073fc8.png)