对vue虚拟dom的理解

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插入速度慢

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值