alexzhang-dev/mini-vue

mini-vue

Hi, there! 👋

I'm Alex aka zx 👨‍💻

As you can see, I'm a frontend developer.

这是我关于崔大的 mini-vue 的个人实现

这个是配套的笔记 搭配起来食用更佳哟

欢迎 star 哦

目前已实现模块：

reactivity

• reactive
  • happy path
  • isReactive
  • reactive 嵌套转换
• effect
  • happy path
  • return runner
  • scheduler
  • stop & onStop
• readonly
  • happy path
  • isReadonly
  • readonly 嵌套转换
• shallowReadonly
• isProxy
• shallowReactive
• ref
  • happy path
  • ref 应该是响应式的
  • ref 的值如果是一个对象那么就是 reactive
  • isRef
  • unRef
  • proxyRefs
• toRaw
• computed

runtime-core

• 组件
  • 组件的初始化流程
  • 组件代理对象/render 中可以访问 setup 返回/$el
  • shapeFlags 对组件进行判断
  • 注册事件
  • 注册 Props
  • emit
  • slots
  • Fragment 和 TextNode
  • getCurrentInstance
  • provide/inject
  • customRenderer
• 打包
  • 配置 rollup
• 更新逻辑
  • 初始化更新 element 逻辑
  • 更新 props
  • 更新 children
    • array -> text
    • text -> text
    • text -> array
    • array -> array
      • 首尾对比
      • 中间对比（一）删除多的旧节点
      • 中间对比（二）移动和创建少的节点
  • 更新 component
  • 异步更新视图和 nextTick API

compiler-core

• compiler 模块概述
• parse 插值表达式
• parse element
• parse text
• parse 联合三种类型
• 从有限状态机的角度看 parse 模块原理
• transform 模块
• codegen 生成 text
• codegen 生成插值
• codegen 生成 element
• template 编译为 render

类型

• runtime-core
• reactivity
• compiler-core