Vue中key如何影响渲染性能？示例代码深度解析。
- 内容介绍
- 文章标签
- 相关推荐
本文共计2523个文字，预计阅读时间需要11分钟。
Vue中key的作用+key的特殊+attribute+主要用在于Vue的虚拟DOM算法，特别是在新旧Nodes对比时识别VNodes。如果不使用key，Vue会使用一种最大限度的减少动态元素并尽可能尝试原地修改、复用的策略。
Vue中key的作用
key的特殊attribute主要用在Vue的虚拟DOM算法，在新旧Nodes对比时辨识VNodes。如果不使用key，Vue会使用一种最大限度减少动态元素并且尽可能的尝试就地修改、复用相同类型元素的算法，而使用key时，它会基于key的变化重新排列元素顺序，并且会移除key不存在的元素。此外有相同父元素的子元素必须有独特的key，重复的key会造成渲染错误。
本文共计2523个文字，预计阅读时间需要11分钟。
Vue中key的作用+key的特殊+attribute+主要用在于Vue的虚拟DOM算法，特别是在新旧Nodes对比时识别VNodes。如果不使用key，Vue会使用一种最大限度的减少动态元素并尽可能尝试原地修改、复用的策略。
Vue中key的作用
key的特殊attribute主要用在Vue的虚拟DOM算法，在新旧Nodes对比时辨识VNodes。如果不使用key，Vue会使用一种最大限度减少动态元素并且尽可能的尝试就地修改、复用相同类型元素的算法，而使用key时，它会基于key的变化重新排列元素顺序，并且会移除key不存在的元素。此外有相同父元素的子元素必须有独特的key，重复的key会造成渲染错误。