my-mini-vue

#my-mini-vue

Tasking

runtime-core

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

reactivity

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

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

compiler-core

• [x] 解析插值
• [x] 解析 element
• [x] 解析 text

runtime-dom

• [x] 支持 custom renderer

runtime-test

• [x] 支持测试 runtime-core 的逻辑

infrastructure

• [x] support monorepo with pnpm

build

pnpm build

example

通过 server 的方式打开 packages/vue/example/* 下的 index.html 即可

推荐使用 Live Server

初始化

流程图

可加 vx：cuixr1314 获取所有脑图(备注：github mini-vue 领取脑图)

关键函数调用图

可以基于函数名快速搜索到源码内容

update

流程图

关键函数调用图