浅谈vue中key的作用
Vue中key的作用:
1、提高vue更新DOM的性能
key 的特殊属性主要用在 Vue的虚拟DOM算法,在新旧nodes对比时辨识VNodes。如果不使用key,Vue会使用一种最大限度减少动态元素并且尽可能的尝试修复/再利用相同类型元素的算法。使用key它会基于key的变化重新排列元素顺序,并且会移除key不存在的元素。有相同父元素的子元素必须有独特的key。
2、管理可复用的元素
Vue尽可能高效地渲染元素,通常复用已有的元素,而不是从头开始渲染
Vue中key的作用:
1、提高vue更新DOM的性能
key 的特殊属性主要用在 Vue的虚拟DOM算法,在新旧nodes对比时辨识VNodes。如果不使用key,Vue会使用一种最大限度减少动态元素并且尽可能的尝试修复/再利用相同类型元素的算法。使用key它会基于key的变化重新排列元素顺序,并且会移除key不存在的元素。有相同父元素的子元素必须有独特的key。
2、管理可复用的元素
Vue尽可能高效地渲染元素,通常复用已有的元素,而不是从头开始渲染