[Vue源码] 图解Vue源码 DOM-diff算法中的子节点更新策略
介绍
Vue是数据驱动视图的,数据发生变化视图就要随之更新,在更新视图的时候难免要操作DOM,而操作真实DOM非常耗费性能。
Vue通过JS模拟出一个称为虚拟DOM节点来代表一个真实的DOM节点。当数据发生变化时,我们对比变化前后的虚拟DOM节点,通过DOM-Diff算法计算出需要更新的地方,然后去更新需要更新的视图。
本文主要介绍DOM-diff算法中的子节点更新策略。
首先看下面的流程图的位置A,当我们发现新旧的虚拟DOM节点是同一个节点时(key值相同),我们会对这两个节点进行精细化比较。
然后进入
原创
2021-04-15 22:01:17 ·
727 阅读 ·
0 评论