mini-vue3.0 学习

通过 mini-vue 的学习 来理解 vue3 的 reactivity、compiler-core、 runtime-core

已经实现过的模块

reactivity

• reactive
• readonly
• shallowReadonly
• shallowReactive
• isReactive
• isReadonly
• isProxy
• ref
• isRef
• unRef
• proxyRef
• computed
• effect

runtime-core

• 初始化 Component 主流程
• 初始化 Element 主流程
• shapeFlags
• 组件道理对象 Proxy
• 注册事件
• 组件 props
• 组件 emit
• 组件 slots
• getCurrentInstance
• 更新 element

runtime-dom

• custom renderer

compiler

• 解析插值
• 解析 element
• 解析 text 功能
• 解析 三种联合类型功能
• parse 的实现 未完待续

掘金文章

配合《Vue.js 设计和实现》的总结输出

• Vue3 源码学习（1）--框架设计概览
• Vue3 源码学习（2）--响应式系统（1）
• Vue3 源码学习（3）--响应式系统（2）
• Vue3 源码学习（4）--响应式系统（3）
• Vue3 源码学习（4）--响应式系统（3）
• Vue3 源码学习（5）--runtime-core（1）--初始化（1）
• Vue3 源码学习（6）--runtime-core（2）--初始化（2）
• vue3 源码学习（6） -- runtime-core（3）：更新 element（1）
• vue3 源码学习（6） -- runtime-core（3）：更新 element（2）:双端 diff 算法
• Vue3 源码学习（5）--响应式系统（3）
• Vue3 源码学习（6）--runtime-core（1）--初始化（1）
• Vue3 源码学习（7）--runtime-core（2）--初始化（2）
• vue3 源码学习（8） -- runtime-core（3）：更新 element（1）
• vue3 源码学习（9） -- runtime-core（4）：更新 element（2）:双端 diff 算法 未完待续