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>

上一篇下一篇

猜你喜欢

热点阅读