面试官问v-for为什么要有key?

作者: 只爱编程的前端分类: 职业职场 发布时间: 2022-01-14 19:30:02 浏览:5737 次

面试官问v-for为什么要有key?

疯狂的饼子:
根据key一条条比较,相同保留,不同替换

【回复】回复 @胡哥前端 :画面写的v-if
【回复】WEB前端交流QQ群:1075743592、添加微信:hellow404 免费获取资料、免费就业指导、小伙伴们一起探讨学习知识~ 学习【可以就业】的 WEB前端课程~
【回复】可以看我视屏有diff算法
code-pusher:
我刚试了,前面插入了一个元素,序号也没错乱,视频没经过实践,瞎扯???

【回复】:key="index"要与v-for括号的index参数保持一致。当首次生成多个相同结构的元素时,这些生成的多个相同的元素每一个元素都有索引,当再次修改时,你没有加;key指令,vue会采用最笨的办法,遍历你生成的多个元素,每遍历一个元素修改一个元素,不管你这个元素动没动,每个都会修改;加了:key指令,因为始终是和v-for括号的index参数一致,vue直接精准找到:key指令对应的index,就直接修改了
【回复】回复 @kirakira_zyr : 你真棒[支持]
Dreams__凉兮:
直接说diff算法里更新的规则就行了[嗑瓜子]

【回复】WEB前端交流QQ群:1075743592、添加微信:hellow404 免费获取资料、免费就业指导、小伙伴们一起探讨学习知识~ 学习【可以就业】的 WEB前端课程~

知识分享官 学习 编程 求职 找工作 面试 经验分享 web前端

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!