Vue之虚拟DOM

Vue之虚拟DOM

为什么要用到虚拟DOM?

众所周知,DOM操作是JavaScript语言的硬伤。浏览器对DOM的渲染会使其有严重的性能消耗,详情点击——浏览器渲染

凭借着它极低的效率,开发人员在进行项目的开发时,都遵循着一条宗旨:尽量减少对DOM的操作!于是就有了文档碎片的概念。而在Vue框架中,有了另一条解决浏览器性能问题的思路,那就是——虚拟DOM。

什么是虚拟DOM

虚拟DOM实际上是JS对象。顾名思义,虚拟DOM是Vue在开发的过程中的模拟场景,相当于春晚的彩排。如果在一次操作中,有多次更新DOM的指令,这些更新并不会逐条执行并渲染,而是将这多次的更新保存在一个本地的JS对象中,最终将这个JS对象一次性地渲染到DOM树上,并交给浏览器去绘制。如此而来,原本要进行多次的DOM操作经过虚拟DOM的处理之后,只需要一次就可以实现,极大地优化了性能。

虚拟DOM的实现

To be continued...

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容