vue和react中dom的区别是什么?

vue和react中dom的区别是什么?

vue和react中虚拟DOM(virtual DOM)是不一样的。

vue会跟踪每一个组件的依赖关系,不需要重新渲染整个组件树.

而对于React而言,每当应用的状态被改变时,全部组件都会重新渲染,所以react中会需要shouldComponentUpdate这个生命周期函数方法来进行控制。

拓展

什么是虚拟DOM?

虚拟DOM的本质是一个和真实DOM结构类似的JS对象

为什么要用虚拟DOM?

虚拟DOM可以提高浏览器的渲染速度。对比操作JS对象,操作真实的DOM消耗的性能较多,频繁的操作DOM时,优势彰显的更为明显。

虚拟DOM的实现步骤?

1、在页面首次渲染时,将要渲染的数据全部加载到虚拟DOM中,而后在一次性渲染到真实DOM上

2、在数据变化时,额外的生成一颗虚拟DOM树

3、通过Diff算法对比修改的部分,而后将修改部分渲染到真实的DOM中

4、释放内存

更多web开发知识,请查阅 HTML中文网 !!

以上就是vue和react中dom的区别是什么?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读