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

Question

请详细讲一下这块。

Answer 1

双越 2023-08-20 10:21:15

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 #1

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