1为什么使用虚拟dom
因为在开发中,操作原生dom是非常消耗性能的,如果某个节点发生改变时,整个容器中的内容都要被重新渲染。而虚拟dom可以很好地解决这个问题。如果一次操作中有10次更新DOM的操作,虚拟DOM不会立即操作DOM,而是将这10次更新的diff内容保存在本地的一个js对象中,最终将这个js对象一次性attach到DOM树上,通知浏览器去执行绘制工作,这样可以避免大量的无谓的计算量。
2.两者之间的区别
原生dom:render html string+重新渲染页面结构
虚拟dom:rendervirtual dom +diff算法比较出更新的节点,渲染更新节点内容,从而提高性能
3、虚拟dom的优缺点
优点:1.最终表现在dom上的修改部分,可以进行高效渲染
2.提升性能抽象了dom的具体实现
缺点,首次渲染大量dom时,由于多了一层虚拟dom的计算,会比innerHTML插入速度慢
对vue虚拟dom的理解
最新推荐文章于 2024-01-24 22:04:02 发布