我觉得老师可以更深入的讲解下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

我也觉得讲的有点浅

0
1
慕设计0539140
这块大概我们不懂原理还是没法深入的,后面应该会提到的
2022-04-04
共1条回复

双越

2020-06-07

key 的作用就是类似于一个数据的唯一 id ,用 key 和 tag 来对比当前节点。用 index 显然是不行的,正如你所说的。课程中也一再强调不能用 index 作为 key 。

你的问题可能在于:为何没有把“不能用 index 作为 key”详细的讲一遍?—— 如果你了解了 key 的真正作用,那这个也就不用讲了。

0
0

2024版 前端框架及项目面试 聚焦Vue3/React/Webpack

面向1-3年前端的框架及项目面试“刚需内容”

4664 学习 · 1644 问题

查看课程