当数据发生变化时,vue是怎么更新节点的?
2022-08-16 本文已影响0人
懒懒猫
我们先根据真实DOM生成一颗virtual DOM,当virtual DOM某个节点的数据改变后会生成一个新的Vnode,然后Vnode和oldVnode作对比,发现有不一样的地方就直接修改在真实的DOM上,然后使oldVnode的值为Vnode。(即比较新旧节点,一边比较一边给真实的DOM打补丁)
我们先根据真实DOM生成一颗virtual DOM,当virtual DOM某个节点的数据改变后会生成一个新的Vnode,然后Vnode和oldVnode作对比,发现有不一样的地方就直接修改在真实的DOM上,然后使oldVnode的值为Vnode。(即比较新旧节点,一边比较一边给真实的DOM打补丁)