weixin_44280779的博客

原创 为什么 Vue 不建议用 index 做 key？为什么不建议用随机数做 key？（附带源码解析）

由于使用 `index` 作为 `key`，当列表从原始的 `["张三", "李四", "王五"]` 排序为 `["李四", "张三", "王五"]` 时，原本 `index` 为 `0` 的 “张三”，排序后其 `index` 依然是 `0`，尽管它在 DOM 中的实际位置已然发生了改变。反之，若 `key` 的选择不当，则可能引发一系列的问题。`n1` 和 `n2` 是模拟的新旧虚拟节点，`patch`、`mount`、`unmount` 函数分别模拟节点更新、插入、卸载操作，当前只是简单打印信息。