【vue渲染器】patch过程个人理解

更新节点思路:

首先,肯定有的是新旧节点两个参数。那怎么比较呢?

简单!新旧节点这个说法就说明了它是一个节点跟一个节点的比较,这点很重要,因为问题简化了,就不涉及多个节点。新旧节点要么相同标签,要么不同。

只要tag相同,就可以继续比较下去!不同的话,简单,要么移除旧节点,要么覆盖旧节点。

tag相同时,如何继续比较下去?考虑到tag身上可能会附带参数和事件,所以第一就是“附带参数和事件”的比较。然后第二点肯定就是子节点的比较。比较第一点很简单,第二点要怎么考虑?

这里子节点会涉及多个子节点的问题,所以比前面的比较相对复杂。此处省略,有时间再细谈。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值