实现 vue3 的核心逻辑，忽略边缘 case，旨在理解 vue3 的设计理念
目前已实现了 reactivity、runtime-core 和 runtime-dom 模块
- 使用
rollup打包，支持ESModule和CommonJS两种模块化方案
基于TDD的**，每个功能都是先编写相应的单元测试，然后再去进行实现，可以直接使用jest运行单元测试查看结果
- 实现
effect核心逻辑，基于proxy完成依赖收集和触发依赖 - 实现
effect的scheduler和stop功能，为runtime-core的数据更新和视图异步渲染提供基础支持 - 实现
reactive响应式对象核心特性，支持将嵌套对象也转成reactive对象 - 实现
reactive相关 API，如isReactive、isProxy - 实现
readonly和shallowReadonly，以及isReadonly判断是否为readonly对象 - 实现
ref的核心特性 - 实现
ref的相关 API，如isRef、unRef、proxyRefs - 复用
effect中的ReactiveEffect类实现computed计算属性
- 实现
vnode - 实现
ShapeFlags位运算标识vnode类型，目前主要支持组件类型、Element类型、Text类型的vnode - 实现组件的
props初始化逻辑 - 实现默认插槽、具名插槽和作用域插槽
-
props支持传入onXxx用于监听xxx事件，如onClick可监听click事件 - 实现组件的
emit逻辑 - 实现组件的
setup API，能够在setup中获取到props和context - 实现组件的
render函数中通过this访问setup返回的setupState，基于proxy实现 - 实现
getCurrentInstance，可在setup中调用获取当前组件实例 - 实现
provide/inject - 在
render函数中可通过this.$el获取组件的根挂载点DOM对象 - 在
render函数中可通过this.$props访问setup中的props - 抽离
Element的渲染相关逻辑成自定义渲染器接口，并在runtime-dom模块中实现具体接口完成DOM环境下的渲染 - 使用
diff算法实现Element的更新逻辑 - 实现组件的更新逻辑
- 实现
nextTick，可在setup中访问到更新后的组件实例
在学习vue3源码实现mini-vue的过程中，把自己的一些心得全都记录了下来，在掘金上发布了一个专栏，每一个功能对应的实现思路都有记录