Skip to content

myltx/my-mini-vue

Repository files navigation

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 函数 逻辑
  • 完结撒花

课程学习地址 dce7da28dbf31cf13f2e1d8a2585e29

About

mini-vue实现

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published