1.虚拟DOM中的key的作用：
key是虚拟dom对象的标识，当状态中的数据发生变化时，vue会根据新数据生成新的虚拟dom，随后vue进行新的虚拟dom与旧的虚拟dom的差异比较。
2.比较规则
（1）旧虚拟dom中找到了与新虚拟dom相同的key：
若虚拟dom中内容没变，直接使用之前的真实的dom
若虚拟dom内容变了，则生成新的真实的dom，随后替换掉之前的真实的dom
（2）旧虚拟dom中未找到与新虚拟dom相同的key创建新的真实的dom，随后渲染到页面。
3.用index作为key可能会引发的问题：
（1）若对数据进行逆序添加，逆序删除hi破坏顺序操作，会产生没有必要的真实的dom更新==》界面效果没问题，但效率低。
（2）如果结构中还包含输入类的dom：会产生错误dom更新==》界面有问题
4.开发中如何选择key？
（1）使用唯一标识key。如id，手机号，邮箱号，身份证号，学号等。
标签：真实,vue,dom,react,虚拟,key,逆序 From： https://www.cnblogs.com/suquanxing/p/17060297.html