Vue从零开始总结15

v-for遍历数组和对象

当我们使用数组时只需要获取值和下标的时候，可以这么写（item,index）

当我们需要使用对象的时候，需要这么写(item,key,index)

位置不要写错，否则对应不上

item代表值

key代表属性，也就是键

item和key构成键值对

index代表下标

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

当我们是数组需要在中间位置插入元素的时候，为了提升效率最好是加一个唯一值作为key

<ul>
 <li v-for="item in laters" :key="item">{{item}}</li>
</ul>

laters:['a','b','c']

在console中输入app.laters.splice(2,0,'要插入的值')

从第二个位置开始，删除0个元素，插入一个你要插入的值