vue3源码

实现 proxyRefs 功能 接下来实现一下这个功能，还是熟悉的TDD ref.spec.ts ref.ts 好了，执行测试，完美收官。 最后 附上git代码地址：mini-vue，欢迎大家踊跃探讨

实现 isRef 和 unRef 功能 ref.spec.ts ref.ts isRef：因为会传入一个数据，如果是ref声明的响应式，就相当于new RefImpl()，所以直接在RefImpl 中

实现ref功能 首先，还是老样子，测试文件 1、第一个测试，是创建一个ref数据，并取出。 2、用effect去监听ref，ref类型修改赋值之前相同的值，还会返回之前没修改时候的值。 3、用ref去

实现 isProxy 功能 实际上就是 isReactive 和 isReadonly 的结合体，测试先行 reactive.spec.ts readonly.spec.ts 接下来就是具体实现 re

实现 shallowReadonly 功能 shallowReadonly，可以想象成 readonly 的表亲，除了没有嵌套转化对象，其余功能都是一样的，同样不可以被修改。 shallowReado

实现 reactive 和 readonly 嵌套对象转换功能 还是老样子，TDD。 reactive.spec.ts readonly.spec.ts 上一章节讲到 reactive 和 reado

实现 isReactive 和 isReadonly reactive.spec.ts readonly.spec.ts reactive.ts baseHandlers.ts 测试一下，ok，通过

实现 readonly 功能 readonly.spec.ts 首先来实现第一个测试功能，readonly reactive.ts 1、首先，由于都是响应对象，把readonly和reactive 抽

实现 effect 的 stop 功能 effect.spec.ts 从测试来看，会拿到当前的effect 返回的runner作为参数传值，但是runner 下的effect实例从哪里获取呢？ 上一讲

实现 effect 的scheduler 功能 顾名思义，scheduler就是调度器； 调度什么呢——调度Vue3 中的任务；类似于一个管家，对家中大小事情的收集。 具体文章可以参考： 趣谈sche

实现 effect 返回 runner 调用effect会返回一个函数runner， 调用runner会再次执行fn，调用fn， fn会返回一个返回值，ok，我们就来实现这个功能，还是TDD，测试驱动

实现 effect & reactive & 依赖收集 & 触发依赖 前言 上一章大致讲述了项目初始化，本章主要内容：实现 effect & reactive & 依赖收集 & 触发依赖，让我们一起来

本文编写初衷是分享、总结学习Vue3源码，实现一个最简Vue3。首先创建项目，搭建环境，就让我们一起学习吧！