vue2.x的diff比较
- 当数据变化的时候,set方法会通知订阅者watcher,订阅者会调用patch函数给真实DOM打补丁,更新响应视图
vue和react的diff区别
- 都是同层级比较,不会跨层级比较
- 都使用key比较是否是相同节点,提升节点的复用性
当节点类型相同,className不同的时候,vue认为是不同类型元素,会删除重建;
而react认为是同类型节点,只是修改节点属性react只比较节点类型和key;
vue比较节点类型、key还有属性vue采用两端到中间的比对方式,react采用从左到右的比对方式,当一个集合把最后一个节点移动到第一个;
react会将前面的节点依次往后移,而vue只把最后一个节点移到第一个,因此vue的效率更高一些