在使用v-for进行列表渲染时,我们通常会给元素或者组件绑定一个
key属性
。
- key属性主要用在Vue的虚拟DOM算法,在新旧nodes对比时辨识VNodes;
- 如果不使用key,Vue会使用一种最大限度减少动态元素并且尽可能的尝试就地修改/复用相同类型元素的算法;
- 而使用key时,它会基于key的变化重新排列元素顺序,并且会移除/销毁key不存在的元素;
有相同父元素的子元素必须有独特的 key。重复的 key 会造成渲染错误。
有相同父元素的子元素必须有独特的 key。重复的 key 会造成渲染错误。