首页天道酬勤虚拟dom的理解,vue虚拟dom更新时机

虚拟dom的理解,vue虚拟dom更新时机

张世龙 05-12 13:21 60次浏览

在react中更改数据时(调用setstate时),将执行render函数以重新生成新的虚拟dom。 此虚拟dom与旧虚拟dom进行比较,并呈现差异。

另一方面,vue组件中的数据发生了变化,数据的变化触发setter,vue组件中数据的getter作用收集依存关系,setter触发器为这些依存关系,生成新的虚拟dom

react函数式组件思想很重要的便当setstate会遍历diff当前组件的所有子节点子组件,这种方式的开销非常大,因此react 16可以代替以前的树

vue组件响应式思想采用代理监听数据,在某个组件中修改数据后,可以清楚地看到该组件发生了变化,只需要diff这个组件即可

具体实现的差异,详细情况请看这个回答:

https://www.zhihu.com/questio .

vue的虚拟dom返回html,虚拟dom和真实dom