A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

[学习交流] v-for 的key的说明

© LeePK 初级黑马   /  2020-12-29 17:33  /  1353 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文


- vue 的更新机制的说明
   数据变化了, vue会对比`新旧 虚拟 dom`的差异,  对比出差异, 进行差异化更新 (高效)
- 对比虚拟dom是为了  提升对比效率
- key 只是给 虚拟dom 添加了一个唯一的标识, 改变了同级兄弟元素的对比复用策略, 进而优化列表的渲染更新性能
`总结`: 一般为了优化渲染的性能, 可以在遍历列表时, 加上一个 key属性, key一般指定成 id

0 个回复

您需要登录后才可以回帖 登录 | 加入黑马