码迷,mamicode.com
首页 > 其他好文 > 详细

VUE的for循环

时间:2018-01-01 00:27:17      阅读:161      评论:0      收藏:0      [点我收藏+]

标签:style   nbsp   小米   script   blog   bsp   直接   post   ret   

<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循环

标签:style   nbsp   小米   script   blog   bsp   直接   post   ret   

原文地址:https://www.cnblogs.com/xiaozhu007/p/8159411.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!