vue内部在使用,在浏览器开发者工具中看不到key的存在,是在虚拟dom中存在的
虚拟dom对比算法:
首选判断key是否相等,再判断“张三”和“老刘”,发现不相等,使用新的虚拟dom中的老刘;接下来对比input中的type,发现相等,使用初始虚拟dom中的type text。
index作为key
id作为key
如果没有写key
如果在v-for中没有写key,则会默认将数组的index值作为key。
:key="index" 和 :key="p.id" 的使用场景:
当需要破坏数组的顺序时,不能使用数组的index,要使用;
当不会破坏数组的顺序事,则可以使用数组的index作为key的唯一标识。
总结: