mini-vue

学习 Vue3 源码，实现简易版 Vue 模型

进度

核心流程现在都跑通了，后面再慢慢扩充。

功能

reactivity

• ref

  • Ref
  • isRef
  • unRef

• reactive

  • Reactive
  • isReactive

• readonly

  • isReadonly

• shallowReadonly

• isProxy

• track

• trigger

• effect

  • ReactiveEffect
  • runner
  • scheduler
  • stop & onStop

• watch

runtime-core

• createVNode
• createElementVNode
• createTextVNode
• toDisplayString
• proxyRefs
• computed
• proxy
• shapeFlag
• register event
• props
  • initProps
• emit
• slot
  • initSlots
  • renderSlots
• Fragment
• Text
• getCurrentInstance
• provide & inject
• customRenderer
• 初始化&更新逻辑
• 双端对比算法
• 异步渲染
• nextTick

runtime-dom

• createApp

compile-core

• baseCompile

parse

• baseParse
  • parseText
  • parseInterpolation
  • parseElement
  • finite-machine

transform

• transform
• plugins
  • transformExpression
  • transformElement
  • transformText
  • transformChildren

generate

• generate
  • genText
  • genElement
  • genElementChildren
  • genInterpolation
  • genSimpleExpression
  • genCompoundExpression

template -> render function

• compileToFunction
• registerCompiler