我觉得老师可以更深入的讲解下key的重要性
来源:3-4 vue基本知识点串讲-part2
椒盐皮皮虾
2020-06-07
因为面试偏大型厂时这确实是一个长问考点
例如如果用index来做key,假如列表有3个item,那删除第一个,就会导致剩下的两个key值为0,1。而他去除的是第三个dom,那本来是第三个的domkey变为1,那就会去检查插值是否改变又或者是props的改变,触发响应进行一系列相对较重的视图更新操作,如果一开始不用index作为key那就可以直接服用第三个vnode,只因为偷懒使用index为key,导致性能优化失效。
给同学们一篇文章有对此处的详解
https://zhuanlan.zhihu.com/p/124019708
写回答
2回答
-
Camille__
2020-12-25
我也觉得讲的有点浅
012022-04-04 -
双越
2020-06-07
key 的作用就是类似于一个数据的唯一 id ,用 key 和 tag 来对比当前节点。用 index 显然是不行的,正如你所说的。课程中也一再强调不能用 index 作为 key 。
你的问题可能在于:为何没有把“不能用 index 作为 key”详细的讲一遍?—— 如果你了解了 key 的真正作用,那这个也就不用讲了。
00
相似问题