Vue中数组遍历为什么不用index作为唯一标识？

<tr v-for="(goods,index) in goodsList" :key="goods.id">

:key="goods.id" 是为了帮助Vue跟踪渲染的元素。Vue需要一个唯一的key来区分不同的元素，以便在更新和重新渲染时进行优化。在这里，您使用了每个商品的id作为key，确保每个元素都有一个唯一的标识。

问题：为什么不用index来作为唯一标识呢？

虽然您可以使用数组索引（例如 index）作为 v-for 循环中的 key，但通常不建议这样做，特别是当数组中的元素可能会发生变化时。以下是为什么不推荐使用索引作为 key 的原因：

1. 稳定性问题： 数组元素的顺序可能会发生变化，如果您在循环中使用索引作为 key，当数组重新排序时，Vue 可能会出现不必要的重新渲染，甚至可能引发错误。

2. 性能问题： Vue 使用 key 来跟踪元素的身份，以便在更新过程中识别出哪些元素需要重新渲染。如果使用索引作为 key，当数组元素在中间插入或删除时，Vue 需要重新计算和更新更多的元素，这可能影响性能。

因此，最佳实践是尽可能使用每个元素自身具有的唯一标识符作为 key，以确保稳定性和性能。如果您的商品列表具有唯一的 id，最好使用商品的 id 作为 key，以便在任何情况下都能够正确跟踪元素的变化。