超详细的vue3.0源码阅读

包概述 reactive 这个包在 vue 内部被嵌入到vue的渲染器中(@vue/runtime-dom)，也可以单独抽离使用。 下方为整个reactive的文件结构，忽略掉 _tests_ 测试文

Effect 学习 effect 源码，先从一个测试用例开始，首先我们构造了一个 counter 响应式代理，然后调用了 effect 函数传入一个会产生副作用的操作。此时 effect 中的函数会自

collectionHandler collectionHandler 定义了一系列将集合转变为某种(响应、浅响应、只读、只读浅响应)代理对象的拦截器； CollectionType 先来看看 col

mutableHandlers mutableHandlers 是非集合对象的普通响应式代理处理函数，来看看代码： Set handler set 拦截器方法通过 createSetter 创建，这个

computed 其实我觉得 computed 就是 effect 方法和 ref 的结合，effect 允许传入一个表达式，并且将其视为副作用进行跟踪。而 ref 则通过 value 属性的拦截器构

Ref 类型定义 Ref 接口定义了 ref 函数返回的类型签名，value 属性保存着 ref 的原始值，[RefSymbol] 是内部定义的唯一符号用于类型区分，_shallow 标识标志这个这个

reactive reactive用于返回一个普通响应式代理(非只读或者禁止响应式代理)。 reactive 代码分析的入口就从 vue 提供的 reactive函数开始，先来看看 vue 官方的组合

0.Reactivity 基本概念 本章节内容非原创，摘自 vue 官方文档以及对 vue-master 上的响应式教学部分翻译，放这篇文章单纯是因为我觉得读 reactive 代码之前，理解其概念尤