ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

vue中虚拟dom的优缺点

2021-12-24 15:34:26  阅读:566  来源: 互联网

标签:vue DOM 渲染 优缺点 视图 虚拟 dom


1)什么是虚拟dom?虚拟dom本质上就是一个普通的JS对象,是用来描述视图的,在vue中,每个组件都有一个render函数,每个render函数都会返回一个虚拟dom树,这也就意味着每个组件都对应一棵虚拟DOM树

2)为什么需要虚拟dom?虚拟DOM具有批处理和高效的Diff算法。在vue中,渲染视图会调用render函数,这种渲染不仅发生在组件创建时,同时发生在数据更新时。如果在渲染时,直接使用真实DOM,由于真实DOM的创建、更新会有大量的性能损耗,从而就会极大的降低渲染效率。因此,vue在渲染时,使用虚拟dom来替代真实dom,主要为解决渲染效率的问题。而且无需手动操作 DOM: 我们不再需要手动去操作 DOM,框架会根据虚拟 DOM 和数据双向绑定,帮我们更新视图,极大提高我们的开发效率;跨平台: 虚拟 DOM 本质上是 JavaScript 对象,而 DOM 与平台强相关,虚拟 DOM 可以进行更方便地跨平台操作

3)缺点:首次渲染大量DOM时,由于多了一层虚拟DOM的计算,会比innerHTML插入慢

标签:vue,DOM,渲染,优缺点,视图,虚拟,dom
来源: https://blog.csdn.net/weixin_43800477/article/details/122128854

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有