Skip to content

深入学习Vue3源码,了解Vue3核心逻辑模型

Notifications You must be signed in to change notification settings

JeasonSun/vue-kernel

Repository files navigation

vue-kernel

深入学习 Vue3 核心逻辑,从零构建 Vue3 模型。

Task

reactivity

目标是用自己的 reactivity 支持现有的 demo 运行

  • reactive 的实现
  • track 依赖收集
  • trigger 触发依赖
  • effect 的实现
  • 支持 effect.scheduler
  • 支持 effect.stop
  • readonly 的实现
  • 支持 isReactive
  • 支持 isReadonly
  • 支持 isProxy
  • 支持嵌套 reactive
  • 支持嵌套 readonly
  • 支持 shallowReadonly
  • 支持 shallowReactive
  • ref 的实现
  • isRef和unRef的实现
  • 支持 proxyRefs
  • computed 的实现
  • 支持 toRaw

runtime-core

  • 支持组件类型
  • 支持 element 类型
  • 初始化 props
  • 处理事件绑定
  • setup 可获取 props 和 context
  • 支持 component emit
  • 支持 proxy
  • 可以在 render 函数中获取 setup 返回的对象
  • nextTick 的实现
  • 支持 getCurrentInstance
  • 支持 provide/inject
  • 支持最基础的 slots
  • 支持 Text 类型节点
  • 支持 $el api

runtime-dom

compile-core

example

docs

About

深入学习Vue3源码,了解Vue3核心逻辑模型

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published