vue3 源码

 

这文章写的很好

 

• Compiler模块：编译模板系统。主要职责是将template编译成虚拟节点。
• Runtime模块：也可以称之为Renderer模块，真正负责渲染的模块。主要职责是将虚拟节点渲染成真实元素，然后显示到浏览器上。
• Reactivity模块：响应式系统。主要职责是监听响应式的数据，然后通过diff算法判断VNode是否有变化，如果有变化，会通知渲染系统重新渲染元素，然后展示。

 

https://www.jianshu.com/p/a497aca8384e