Chang23

数据依赖 需要用到数据库的地方，称为依赖 vue 1 用到dom 是依赖 vue 2 用到数据是依赖 在getter中收集依赖，在setter中触发依赖

由于数组无法处理，所以要单独处理数组 改写Array.prototype里的push,pop,shift,unshift,splice,sort,reverse方法， 重写此方法

Observer类 将一个正常的object转换为每个层级 的属性都是响应式（可以被侦测的）的object

数据响应原理（一） MVVM mode<=view-model=>view 非侵入式 直接修改输入 调用方法才能更新数据（侵入式）

四种命中方式 新前与旧前 新后与旧后 新后与旧前（命中后-移动节点，移动[新前]指向的[旧节点]，移动的[旧后之后]） 新前与旧后（命中后-移动节点，移动[新前]指向的[旧节点]，移动的[旧前之前]）

新旧节点对比 1.新节点和旧节点在内存中就算一个节点（什么都不做） 2.判断新节点有text属性，并且没有children. 3.新节点没有text属性

``` javascript /* * 实现节点对比，旧节点如果是dom 则调用vnode 包装成-虚拟dom节点 * 判断新旧节点是否一致，key和node名一致 则认为是同一节点？ * 如果新旧节

虚拟DOM 用Javascript对象描述DOM的层次结构。DOM中的一切都在虚拟DOM中对应的属性。 新虚拟DOM和老虚拟DOM进行diff(精细化比较)，算出应该如何最小量更新，最后反映到真正的D

snabbdom snabbdom的h函数如何工作 diff算法原理 手写diff算法 实现最小变更率， 精确比对， 最小量更新 著名的虚拟DOM库，diff算法鼻祖 webpack5 支持expor