VUE3中 reacitive源码理解

VUE3中 reacitive源码理解_第1张图片

Proxy
在Vue里面定义一个响应式函数 reacitive 会通过 Proxy 进行拦截,在截的时候里面有ge和set
track
get的时候有一个跟踪函数叫 track
track里面会收集各种依赖,把依赖关系做成各种映射的关系,映射关系就叫 targetMap,vue内部拿到这个key,就可以通过映射关系找到对应的value,就可以影响这个执行函数
trigger
set的时候有一个跟踪函数叫 trigger
在影响的时候就通过 trigger目标对象找到key 根据映射关系找到cb函数执行更新视图.小结一下,简单理解这里Proxy两个最重要的函数就是这里的track和tigger了,tack主要就是收集依赖,将一层一层的关系做成了映射trigger就是执行依赖更新视图。

你可能感兴趣的:(VUE,1024程序员节)