首页 > Web开发 > 详细

VueJS v-for

时间:2020-03-17 21:49:27      阅读:56      评论:0      收藏:0      [点我收藏+]

简单示例

<ul>
        <li v-for="item in temps">{{item}}</li>
      </ul>

--
  temps:["显示1","显示2","显示3","显示4"]

数组索引遍历:v-for="(item,index) in temps"

对象遍历 :v-for="(item,key,index) in temps"

在for中增加key,可以保证代码的复用。在for插入元素效率会更高,要保证key是唯一性

<li v-for="(item,index) in temps" :key="item">{{index}}.{{item}}</li>

VueJS v-for

原文:https://www.cnblogs.com/Alex-Mercer/p/12513334.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!