v-for
当我们有一组数据需要进行渲染时,我们就可以使用v-for来完成。
v-for的语法类似于JavaScript中的for循环。
格式如下:item in items的形式。
如果在遍历的过程中不需要使用索引值
v-for=“movie in movies”
依次从movies中取出movie,并且在元素的内容中,我们可以使用Mustache语法,来使用movie
如果在遍历的过程中,我们需要拿到元素在数组中的索引值呢?
语法格式:v-for=(item, index) in items
其中的index就代表了取出的item在原数组的索引值。
v-for可以用户遍历对象:
比如某个对象中存储着你的个人信息,我们希望以列表的形式显示出来
组件的key属性
官方推荐我们在使用v-for时,给对应的元素或组件添加上一个:key属性。
我们需要使用key来给每个节点做一个唯一标识
给每一个节点做一个唯一标识 diff算法可以正确的识别此节点 key的作用主要是为了高效的更新虚拟DOM。