(1)根据变化后的数据,生成新的虚拟DOM
(2)新旧VNode使用diff算法进行对比
如果key值不同,vue则会更新元素
如果key值相同,则会考虑复用.(key值一样,继续看标签是否一样, 继续看类名是否一样)
(3)复用相同的内容,更新不同的内容(打补丁)
(4)渲染更新之后的虚拟DOM
(1)根据变化后的数据,生成新的虚拟DOM
(2)新旧VNode使用diff算法进行对比
如果key值不同,vue则会更新元素
如果key值相同,则会考虑复用.(key值一样,继续看标签是否一样, 继续看类名是否一样)
(3)复用相同的内容,更新不同的内容(打补丁)
(4)渲染更新之后的虚拟DOM