mini-vue

实现功能

reactivity

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

runtime-core

• component 主流程
• rollup 打包
• 组件代理对象
• shapeFlags
• 注册事件
• props 逻辑
• emit 逻辑
• slots 逻辑
• fragment text 逻辑
• getCurrentInstance 逻辑
• provide inject 逻辑
• custom renderer 逻辑
• 更新 element 初始化流程搭建
• 更新 element props 逻辑
• 更新 element children (text -> array 、array -> text、text -> text) 逻辑
• 更新 element diff 双端对比算法 逻辑（1） 双端对比
• 更新 element diff 双端对比算法 逻辑（2） 中间对比 删除 逻辑
• 更新 element diff 双端对比算法 逻辑（3） 中间对比 移动、新增 逻辑
• 组件更新 逻辑
• nextTick 逻辑
• 解析插值功能 逻辑
• 解析 element 逻辑
• 解析 text 逻辑
• 解析三种联合类型 逻辑
• 有限状态机 (parse 图解)
• transform 逻辑
• 实现代码生成 string 类型 逻辑
• 实现代码生成插值类型 逻辑
• 实现代码生成三种联合类型
• 实现编译 template 成 render 函数 逻辑
• 完结撒花

课程学习地址