vue-kernel

深入学习 Vue3 核心逻辑，从零构建 Vue3 模型。

Task

reactivity

目标是用自己的 reactivity 支持现有的 demo 运行

• reactive 的实现
• track 依赖收集
• trigger 触发依赖
• effect 的实现
• 支持 effect.scheduler
• 支持 effect.stop
• readonly 的实现
• 支持 isReactive
• 支持 isReadonly
• 支持 isProxy
• 支持嵌套 reactive
• 支持嵌套 readonly
• 支持 shallowReadonly
• 支持 shallowReactive
• ref 的实现
• isRef和unRef的实现
• 支持 proxyRefs
• computed 的实现
• 支持 toRaw

runtime-core

• 支持组件类型
• 支持 element 类型
• 初始化 props
• 处理事件绑定
• setup 可获取 props 和 context
• 支持 component emit
• 支持 proxy
• 可以在 render 函数中获取 setup 返回的对象
• nextTick 的实现
• 支持 getCurrentInstance
• 支持 provide/inject
• 支持最基础的 slots
• 支持 Text 类型节点
• 支持 $el api

runtime-dom

compile-core

example

docs

• 1-1.搭建开发环境