exwer / view

Implement of vue3

view

Vue3.x的个人实现版，旨在学习vue/core的核心原理，同时实践TDD的编程范式

功能

TODO

• reactivity

  • effect 主流程
  • reactive 主流程
  • trigger & track
  • effect -> runner
  • effect -> stop
  • readonly
  • isReactive & isReadonly
  • nested reactive & readonly
  • shallowReadonly
  • isProxy
  • ref & isRef & unRef & proxyRefs
  • computed

• runtime core

  component/element init

  • component instance
  • element renderer
  • component proxy
  • shapeFlags
  • event handler
  • props & emit
  • slots
  • Fragment & Text
  • getCurrentInstance
  • provide & inject
  • Custom Renderer API

  component/element update

  • update props
  • update children
  • update children (diff)
  • update component
  • nextTick

• compiler

  • 解析插值
  • 解析 element
  • 解析 text
  • 解析三种联合类型
  • parse
  • transform
  • 生成string类型
  • 生成插值类型
  • 生成三种联合类型
  • 编译template

项目

• 单元测试

  • reactivity
  • runtime/core
  • compiler

• build

  • rollup打包
  • typescript支持