VueJS v-for

时间:2020-03-17 21:49:27   收藏:0   阅读:56

简单示例

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

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

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!