Jude's blog

标签 · vue

首页

关于

归档

vue

26、关于v-for的key值为什么不能是index?

从实际的案例发现到在使用 v-for 时,将 key 值写成了 index,出现的问题。与其使用 index 作为 key ,不如完全不写 key,因为他们的性能是一样。比如一个列表长度为 10,用 index 作为 key ,各 item 的 key 值依次就是 0-9, 然后 reverse() 一下,列表的的 key 还是 0-9。在依次 patch 这 10 个 item 的时候,sameVnode() 全部返回真(因为 tag 和 key 都一样)。再看另外一种情况,如果不写 key , 那这 10 个 item 的 key 全部是 undefined, 在 sameVnode() 也是全部返回真(因为 tag 相同,key 也相同:key 都是 undefined)。所以得出结论,如果使用 in..

更多
1234