zxdfe / FE-Interview

Every step counts
34 stars 1 forks source link

第36题:v-for为什么要在循环列表的时候写key,有什么作用? #37

Open zxdfe opened 2 years ago

hezi98 commented 2 years ago

首先添加key的作用是为vue的每个虚拟DOM结构添加一个唯一标识符,当vue的数据/结构发生变化时,vue会通过每个虚拟DOM的key属性配合diff算法进行新旧虚拟DOM的比较来生成真实的DOM结构,以此来优化渲染引擎的性能;

Ve1ns commented 1 year ago

给一个唯一性的key,可以方便在修改和删除时,能够明确我要操作哪一个DOM解构,能够提高性能。