VueJS v-for

简单示例

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

posted @ 2020-03-17 20:57  Alex_Mercer  阅读(89)  评论(0编辑  收藏  举报