一,key值得作用
:key=""
是得dom对象添加唯一标识,是用于底层diff算法复用旧虚拟dom时的一个重要的判断条件,间接提高页面的渲染效率。当数据变化的时候,Vùe是不会直接去更新D0M(也就是说不是将旧的元素移除然后在同一位置添加一个新元素),而是尽可能考虑复用元素(修补不同的地方). 复用元素时是使用diff算法对比新旧虚拟Dom。把key值作为判断依据,如果遇到相同的key值,则考虑复用元素。如果遇到不同的key值则强制更新。
二,为什么key值一般设置为id,而不是数组的下标
原因是,若用数组的索引(下标)为key值,当data中的数组发生改变时(例如,数组的增删操作),改变的不仅仅是对应数据的索引,其他索引也会受影响而改变,缩小了复用的范围。但设置id可以最大限度的进行复用,提高渲染效率
key值得作用
最新推荐文章于 2024-03-12 22:38:32 发布