vue页面更新patch的实现示例

patch的流程 组件页面渲染时,将render返回的新vnode(新节点)和组件实例保存的vnode(旧节点)作为参数,调用patch方法,更新DOM。 判断两个节点是否相同 处理过程中,需要判断节点是否相同。相同节点需要满足以下条件: key相同 标签类型相同 注释节点标识相同,都是注释节点,或者都不是注释节点 data的值状态相同,或者都有值,或者都没值 function sameVnode (a, b) {// 判断两个VNode节点是否是同一个节点 return ( a.key === b.key && // key相同 ( a.ta