key的作用、为何最好不用index

1.react/vue中的key作用？

•  key是虚拟dom对象的标识。
• 当状态中的数据发生变化时，react会根据【新数据】生成【新的虚拟dom】，随后react进行【新虚拟dom】与【旧虚拟dom】的diff比较。规则如下
• 旧虚拟dom与新的虚拟dom的key相同
1. 内容也相同，直接复用之前的真实dom
2. 如果发生内容改变，则生成新的真实dom,并替换掉页面之前的真实dom
• 旧虚拟dom中未找到与新虚拟dom相同的key
1. 根据数据创建新的真实dom，再渲染到页面

2为何遍历列表时，key最好不要使用index?

• 如果数据进行：逆序添加，逆序删除等破坏顺序的操作：
• 会产生没有必要的真实dom   => 性能没有充分利用，虽然没问题，但效率低。
• 且如果有输入类的input之类的dom
• 会产生错误的dom更新 =>页面有问题
• 
• 如果不存在对数据进行逆序添加，逆序删除等破坏顺序的操作，仅用于静态渲染用于展示，使用index当做key是没有问题的。
• 所有推荐key使用 每条数据的唯一标识：比如id、手机好、身份证号、学号等、、