pan key 年龄 div 小米 循环 acc clas data
- <ul>
- <li v-for="(aff , index) in acc" :key="index">编号:{{aff.a}}
- <div>名字:{{aff.name}}</div>
- <div>年龄:{{aff.age}}</div>
- </li>
- </ul>
- <script>
- data () {
- return {
- acc:[
- {a:'3544', name:'小米', age:50},
- {a:'3543', name:'中米', age:51},
- {a:'3542', name:'大米', age:52},
- {a:'3541', name:'超大米', age:53}
- ]
- }
- }
- </script>
v-for="(变量名, 下标名) in 目标数组 ":key=" 下标名 " 相当于 for 循环在页面直接输出
VUE 的 for 循环
来源: http://www.bubuko.com/infodetail-2446814.html