渲染项目列表时，“key“属性的作用和重要性

• 不管是在vue还是react中，我们在用数组渲染项目列表时，编译器都会提示我们在实体dom上添加一个key属性，key值必须唯一。目的是为了virtual-dom在进行diff算法比对时，将这个key作为比对有状态组件的一个重要凭证；
• 对于这个key值我们需要注意几点：1.key值可以为number、string类型；2.key值不可以取数组的索引值；尤其注意第二点，key值如果取数据索引值，那么有两个问题：(1).加数组索引值和静态列表每一项不加key值没有区别，加数组索引值反而是属于多此一举；(2).如果是有状态的组件，那么在数组前unshift操作来添加一个列表项，是会导致后面的列表项全部摧毁重建，更有甚者会导致组件状态发生意外改变(经典案例checkbox)，因为数组中的列表项key值改变了。当然如果在数组后面push一个列表项，那么之前的列表项是不会摧毁重建的，直接复用即可，因为之前列表项的key值没有改变；
  总结：key值一定要唯一，不随数组的长度变化而变化；