v-for 加key的作用是什么，为什么避免用index，没说原因。

来源：3-4 vue基本知识点串讲-part2

慕数据4115002

2023-08-18

请详细讲一下这块。

写回答

1回答

双越

2023-08-20

index 一直都是 0 1 2 3 4 ....

而 list item 可能会删掉或者增加，这样就会对应不上。

例如，list item 如果用 id 为 key ，可能是 a b c d e ，删掉一个就是 a c d e

如果 list item 如果用 index 为 key ，就是 0 1 2 3 4 ，删掉一个依然是 0 1 2 3 ，这样就对应不上了

慕数据4115002

双越老师，您上述的回答还是表面上的回答，例如删除一个list item，vue应该会重新渲染列表，也许这块不是重新销毁创建，有复用的情况？不然如果重新生成列表，要不要key也不重要吧

2023-08-22

共1条回复

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

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

4695 学习 · 1667 问题

相似问题

回答 2

回答 2

回答 1

回答 1

回答 1