vue心得之 源码解析v-for为什么要加key

为了标识该节点是该节点，优化patch算法，在某些情况下可以减少dom操作

具体使用场景即作用参考下源码（vue2）

由以上代码可以理解网上的这两张图了

对arrData= [a, b, c, d, e]

更新成arrData= [a, b, f, c, d, e]

在 v-for循环遍历后添加了key能标识原本的a, b, c, d, e，这样在更新数组后，vue做patch算法时能够通过key属性精确的知道原本的c,d,e节点，和新的c,d,e节点进行对比，而此时新的c,d,e并没变化，和旧节点对比后不会出发真实的dom操作

没有key属性，vue做patch算法时可能不能准确找到原本的c,d,e节点，分别和新的f,c,d进行对比，此时数据不一致大概率会引起真实dom操作