v-for

当我们有一组数据需要进行渲染时，我们就可以使用v-for来完成。

v-for的语法类似于JavaScript中的for循环。

格式如下：item in items的形式。

v-for.png

如果在遍历的过程中不需要使用索引值

v-for=“movie in movies”
依次从movies中取出movie，并且在元素的内容中，我们可以使用Mustache语法，来使用movie

如果在遍历的过程中，我们需要拿到元素在数组中的索引值呢？

语法格式：v-for=(item, index) in items
其中的index就代表了取出的item在原数组的索引值。

v-for可以用户遍历对象：

比如某个对象中存储着你的个人信息，我们希望以列表的形式显示出来

v-for对象.png

组件的key属性

官方推荐我们在使用v-for时，给对应的元素或组件添加上一个:key属性。
我们需要使用key来给每个节点做一个唯一标识
给每一个节点做一个唯一标识 diff算法可以正确的识别此节点 key的作用主要是为了高效的更新虚拟DOM。