vue中key的作用
vue官方推荐我们在使用v-for的时候，给对应的元素和属性添加一个key属性。
如果未使用key属性，会给我们报警告，表面上看着没啥影响，但这关系到项目性能，所以为了项目更高效，我们不得不使用到key属性。
- vue的虚拟DOM机制，使得我们不需要去操作DOM，仅需操作数据就可重新渲染页面；
- 虚拟DOM机制的原理依据的是Diff算法。
文章图片
Diff算法的插入机制如下图，即把原来的C更新成F，D更新为C，E更新成D，最后再插入E。在没有指定key的情况下，就是这样“傻瓜式位移”来实现更新
文章图片
如果我们给他指定一个唯一标识key之后，他根据这个唯一标识，Diff算法就能正确识别该节点，找到对应的位置，只需要在对应的位置更新。不再需要“傻瓜式位移”，一个个地去比对。
文章图片
【vue中key的作用】所以，key的作用主要是为了高效的更新虚拟DOM。
推荐阅读
- 热闹中的孤独
- Shell-Bash变量与运算符
- JS中的各种宽高度定义及其应用
- 2021-02-17|2021-02-17 小儿按摩膻中穴-舒缓咳嗽
- 深入理解Go之generate
- 异地恋中，逐渐适应一个人到底意味着什么（）
- vue-cli|vue-cli 3.x vue.config.js 配置
- 我眼中的佛系经纪人
- 《魔法科高中的劣等生》第26卷（Invasion篇）发售
- “成长”读书社群招募