vue原理(渡一)

192 阅读1分钟

数据响应式的本质就是数据变化时自动运行一些函数,遍历一个对象进行Object.defineProperty进行get和set依赖收集,

image.png

依赖收集是保存一个数组,在set的是遍历数组进行函数执行,new Set可以保证添加到数组里面的函数执行一遍,从而提升性能,

image.png 但是执行函数的时候不知道是谁执行的,可以写一个辅助函数进行window.__func,函数执行完之后将函数置为null

image.png