Skip to content

🏄‍♂️探索Vue3底层原理,实现 Vue3 中的核心三大模块:渲染系统模块、可响应式系统模块、应用程序入口模块

Notifications You must be signed in to change notification settings

coder-belong/miniVue

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 

Repository files navigation

miniVue

🏄‍♂️探索Vue3底层原理,实现 Vue3 中的核心三大模块:渲染系统模块、可响应式系统模块、应用程序入口模块

事实上Vue的源码包含三大核心:

  • Compiler模块:编译模板系统;
  • Runtime模块:也可以称之为Renderer模块,真正渲染的模块;
  • Reactivity模块:响应式系统;

这里我们实现一个简洁版的Mini-Vue框架,该Vue包括三个模块:

  • 渲染系统模块;
    • 功能一:h函数,用于返回一个VNode对象;
    • 功能二:mount函数,用于将VNode挂载到DOM上;
    • 功能三:patch函数,用于对两个VNode进行对比,决定如何处理新的VNode (diff算法);
  • 可响应式系统模块;
  • 应用程序入口模块;

About

🏄‍♂️探索Vue3底层原理,实现 Vue3 中的核心三大模块:渲染系统模块、可响应式系统模块、应用程序入口模块

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published