列表渲染

一、v-for遍历数组

如果我们想使用一个源数据数组的数据渲染一个列表，那么我们就要使用v-for，用法：v-for:”item in items” 或 v-for:”item of items” 都是一样的。

我们可以提供第二个参数，即index索引：v-for:”(item,index) in items” 。

二、v-for遍历对象

用法和遍历数组是一样的，也可以提供第二个参数，第二个参数是键名：v-for:”(value,key) in object” 。

还可以提供第三个参数，第三个参数表示索引：v-for:”(value,key,index) in object” 。

三、v-for的更新模式

当vue正在更新使用v-for渲染的列表数据时，vue要确保每个元素都在对应的索引位置，所以vue不会移动元素的位置，而是会将这个列表的每个元素重新渲染一遍，这样导致这种改变方式只适用于不依赖子组件状态或临时DOM状态的列表渲染输出。

为了解决这个问题，我们可以给每个要渲染的列表项加上一个唯一的key标识，这样在列表数据发生变化时，key对应数据没变的列表项就不会重新渲染了。

四、v-for也可以使用标签对多个标签元素进行重复渲染