
key简单的说就是一行的唯一标识
1.先看实例演示:点击按钮在数据最前面新增的一个元素对象,key使用索引或者不写key,不写默认为index


点击添加按钮没问题

我又想在每个对象后面添加一个输入框,并输入其信息


点击添加按钮之后

结果数据串了,如果是在最后添加对象其实不会出现这个问题。
最后改成:key="p.id"后,添加则不会有问题


2.key的工作原理和虚拟DOM对比工作原理图:
index作为key:

id作为key:原理是一样的,因为key不会发生变化,所以不会出现数据窜的现象

总结:
