VUE2.0 学习（九）列表渲染v-for，为什么需要写key，key的作用与原理

目录

• v-for遍历数组
• v-for 遍历对象
• 总结
• key的作用与原理

v-for遍历数组

在这里插入图片描述

data里面有一个数组，我们要在页面上面进行遍历这个数组

在这里插入图片描述

在这里插入图片描述

v-for 遍历对象

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

总结

在这里插入图片描述

key的作用与原理

之前我们已经可以根据v-for进行遍历数组了，现在解释为什么要写key

我们先看之前的代码是如何进行遍历的

在这里插入图片描述

在这里插入图片描述

以上就可以进行遍历了，

在这里插入图片描述

但是代码里面的 :key 是什么作用呢

不写这个也可以遍历，一点问题也没有

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

总之： ：key 的值是数据的唯一标识