遍历列表时key的作用

<h2>key对于虚拟DOM来说十分重要</h2> <h2>虚拟DOM根据key进行虚拟DOM对比算法</h2> <p><img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=4d63ff24971fb2b397aea1b16b0e7280&amp;amp;file=file.png" alt="" /></p> <h2>这一步,老刘-30是由新的虚拟DOM生成的真实DOM,而后面的input因为与之前的虚拟DOM一致(因为用户输入实际上是在真实DOM输入的,没有影响到虚拟DOM),input直接将前面生成的真实DOM进行复用</h2> <p><img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=09469cb1f1a5adcf8791394d41eceb64&amp;amp;file=file.png" alt="" /></p> <h2>使用index作为key,如果不打乱顺序还好,打乱顺序就可能出现问题</h2> <h2>使用唯一表示id作为key,则不会出现这种问题,还可以提高效率</h2> <p><img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=3cd7beaae58543ce19f8b723654a1b55&amp;amp;file=file.png" alt="" /></p> <h2>如果不写key,vue会帮你补一个key,是用的索引作为key</h2> <p><img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=97810d3fb8e6603bc903963e7a191f32&amp;amp;file=file.png" alt="" /></p>