vue3源码结构 #

• @vue/compiler-sfc：专门解析sfc，转成纯 js 文件浏览器才可以运行(需要用到@vue/compiler-dom和@vue/compiler-core)
• @vue/compiler-dom和@vue/compiler-core：结合起来专门处理template，把template处理成render函数
• @vue/runtime-dom：专门处理 dom 节点上的东西，底层依赖于 @vue/runtime-core
• @vue/reactivity：实现 vue 响应式

一句话概括 #

@vue/compiler-sfc依赖@vue/compiler-dom和@vue/compiler-core解析template，转换成render函数，后面的东西交给运行时来执行