这文章写的很好
- Compiler模块：编译模板系统。主要职责是将template编译成虚拟节点。
- Runtime模块：也可以称之为Renderer模块，真正负责渲染的模块。主要职责是将虚拟节点渲染成真实元素，然后显示到浏览器上。
- Reactivity模块：响应式系统。主要职责是监听响应式的数据，然后通过diff算法判断VNode是否有变化，如果有变化，会通知渲染系统重新渲染元素，然后展示。
https://www.jianshu.com/p/a497aca8384e
标签：渲染,主要职责,源码,模块,vue3,节点 From： https://www.cnblogs.com/fs0196/p/17339177.html