vue dom渲染过程

在Vue的底层实现上,Vue将模板编译成虚拟DOM谊染函数。结合Ve自带的响应系统,在状态改变时,Vue能够智能地计算出重新谊染组件的最小代价并应到DOM操作上。

谊染面数:渲染面数是用来生成虚拟DOM的。在底层实现中Vue会将模板编译成谊染函数。

VNode虚报节点:它表示一个真实的dom节点所带有属性,可以理解成节点描述对象。通过createlement方法能将VNode 注染成dom节点。vnode,它描述了应该怎样去创建真实的DOM节点。

patching算法:=虚拟DOM最核心的部分,它可以将vnode宜染成真实的DOM,这个过程是对比新旧虚拟结点之间有哪些不同,然后根据对比结果找出需要更新的的节点进行更新。

3851d51ece464985885b2dc861fcba4d.jpg

 

 

  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值