阿锴啊

因为自己最近在做骨架屏生成脚本，也参考了业界的一些方案，总结并优化了一下，并加入到项目开发流程中。 接下来先给一张图，让实现思路清晰明了。 打开对应url界面： 这一步可以用无头浏览器实现，而不是自己

建议先看完 ref响应式原理 先看一下reactive基本的使用 这里拆出obj与fn为了方便下文的介绍。 obj经过reactive处理会返回响应式对象Proxy(会在reactiveMap中存储起

我们知道computed的函数可接收两种传参，一种是函数，另一种是配置项包含get和set。 先来看一下基本的使用。 执行结果 前两句是在effect函数执行时打印，当获取sayOk.value时，会

先看一下ref的使用 我们接着来逐步分析ref的源码实现。 我们只看该实现的关键地方，详细的可以去看另一篇文章关于ref API 的源码分析。 vue3.2对ref进行了标记优化，避免依赖的重复收集，

在代码块中我会添加注释，方便大家理解，配合vue文档看效果更佳 本篇针对 /packages/reactivity/src/effect.ts 与 /packages/reactivity/src/d

在代码块中我会添加注释，方便大家理解，配合vue文档看效果更佳 本篇针对 /packages/reactivity/src/baseHandlers .ts 与 /packages/reactivit