vue 的虚拟 DOM 有什么好处?
Posted anyjs
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 的虚拟 DOM 有什么好处?相关的知识,希望对你有一定的参考价值。
vue 中的虚拟DOM有什么好处?快!
首先了解浏览器显示网页经历的5个过程
1、解析标签,生成元素树(DOM树)
2、解析样式,生成样式树
3、生成元素与样式的关系
4、生成原始的显示坐标
5、显示页面
修改真实DOM
每修改一个元素,那么这5个过程都要重新走一次。修改10个元素就走10遍。
修改虚拟DOM
虚拟DOM存储在内存中,对10个元素的修改是在虚拟DOM中进行,修改完后,比较虚拟DOM和真实DOM的差异,当有差异时,再一次过去更新网页的显示,而不是走10遍过程。
虚拟 DOM 好处
速度快,减小了页面渲染过程的次数
以上是关于vue 的虚拟 DOM 有什么好处?的主要内容,如果未能解决你的问题,请参考以下文章