qq2861793863的博客

原创 v-for循环为什么不建议用index作为key

如果我们以循环的索引作为 key，这些节点的 key 值也会随之发生变化，导致它们被识别为新创建的节点，而不是仅更新相应的内容。通常情况下，我们使用一个唯一的值来作为每个节点的 key，这样可以确保每个节点都有一个独特的标识符，方便 Vue 进行跟踪和比对。节点顺序发生变化时，会导致不必要的重新渲染。如果两次渲染的节点顺序不同，即使实际上这些节点的内容是一样的，也会导致整个列表的重新渲染。相反，应该尽可能使用具有唯一性的值作为 key，例如每个数据项的唯一 ID，以便正确地跟踪和比对节点，提高渲染性能。