vue和react中dom的区别有哪些

这篇文章给大家分享的是有关vue和react中dom的区别有哪些的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

创新互联长期为上千余家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为善右企业提供专业的网站建设、成都网站建设，善右网站改版等技术服务。拥有十年丰富建站经验和众多成功案例,为您定制开发。

vue和react中dom的区别：1、vue会跟踪每一个组件的依赖关系，不需要重新渲染整个组件树；2、对于React而言，每当应用的状态被改变时，全部组件都会重新渲染。

虚拟DOM概念随着react的诞生而诞生，由facebook提出，其卓越的性能很快得到广大开发者的认可；继react之后vue2.0也在其核心引入了虚拟DOM的概念。

什么是虚拟DOM？

虚拟 dom 是相对于浏览器所渲染出来的真实 dom 的，在react，vue等技术出现之前，我们要改变页面展示的内容只能通过遍历查询 dom 树的方式找到需要修改的 dom 然后修改样式行为或者结构，来达到更新 ui 的目的。

这种方式相当消耗计算资源，因为每次查询 dom 几乎都需要遍历整颗 dom 树，如果建立一个与 dom 树对应的虚拟 dom 对象（ js 对象），以对象嵌套的方式来表示 dom 树，那么每次 dom 的更改就变成了 js 对象的属性的更改，这样一来就能查找 js 对象的属性变化要比查询 dom 树的性能开销小。

vue和react中虚拟dom的区别

vue和react中虚拟DOM（virtual DOM）是不一样的。

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

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

感谢各位的阅读！关于“vue和react中dom的区别有哪些”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！