Vue-key的作用

E

D

C

F

A

B

patchD

patchE

patchA

// ⾸次循环patch AA B C D EA B F C D E// 第2次循环patch BB C D EB F C D E// 第3次循环patch E C D EF C D E// 第4次循环patch DC DF C D// 第5次循环patch CCF C// oldCh全部处理结束，newCh中剩下的F，创建F并插⼊到C前⾯//首尾两端对比

五次更新一次追加

不使用key

patchB

数组插入F

使用key

patchC