分类：index作为key

2021
11-05

react为什么不推荐使用index作为key

1.旧的虚拟dom和新的虚拟dom对比，首先看他们的key是否相同2.相同继续对比他们的内容，不同生成新的真实dom进行替换3.如果内容和key都相同，复用旧的真实dom不做改变那么如果我们使用遍历时候自动生成的index作为每个节点的key可能会出现什么问题呢？下面放个小案例首先，初始时我们进行遍历persons他会是这样一个过程，源数据persons:[{id:1,name:“张三”,age:15},{id:2,name:“李四”,age:16},],生成的真实dom... 继续阅读 >

2020
09-25

详解为什么Vue中不要用index作为key(diff算法)

前言Vue中的key是用来做什么的？为什么不推荐使用index作为key？常常听说这样的问题，本篇文章带你从原理来一探究竟。另外本文的结论对于性能的毁灭是针对列表子元素顺序会交换、或者子元素被删除的特殊情况，提前说明清楚，喷子绕道。本篇已经收录在Github仓库，欢迎Star：https://github.com/sl1673495/blogs/issues/39示例以这样一个列表为例：<ul><li>1</li><li>2</li></ul>那么它的vnode也就是虚拟dom节点大概... 继续阅读 >