浅谈vue虚拟DOM

虚拟DOM其实就是把UI界面通过数据结构的形式‘虚拟’的表示出来,保存在内存中,然后与真实的DOM保持同步。

虚拟DOM可以理解为一个js对象,这个对象包含真实DOM的所有信息。

运行时 渲染器遍历这个对象(虚拟DOM树),据此来构建真实的DOM树。----挂载

修改后 渲染器遍历遍历新旧两个对象(虚拟DOM), 找出他们之间的区别,将修改部分运用到真实的DOM树上。----更新

优点:让开发者能够灵活、声明式地创建、检查和组合所需 UI 的结构,同时只需把具体的 DOM 操作留给渲染器去处理。(比较灵活,简化了很多操作,提高了开发效率)

缺点:更新算法无法预知新的虚拟 DOM 树会是怎样,即使一棵树的某个部分从未改变,还是会在每次重渲染时创建新的 vnode,比较每个 vnode 上 props 的区别来确保正确性。带来了大量不必要的内存压力。(牺牲效率来换取声明式的写法和最终的正确性)

  • 9
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值