Vue3源码阅读:目录介绍(一)

372 阅读1分钟

vue版本:3.2.33

core\packages
├── compiler-core   //  核心中的核心,抽象语法树和渲染桥接实现,与平台无关的编译器核心。包括编译器的可扩展基础和所有与平台无关的插件。
├── compiler-dom    //  Dom的实现
├── compiler-sfc    //  Vue单文件组件(.vue)的实现
├── compiler-ssr    //  生成针对服务器端渲染优化的渲染函数的编译器。
├── reactivity      //  响应式系统的实现,Composition API 的核心
├── reactivity-transform    //  带transform的响应式
├── runtime-core    //  与平台无关的运行时核心。专门用于自定义 renderer
├── runtime-dom     //  针对浏览器的运行时。包括原生 DOM API、属性、属性、事件处理程序等的处理,主要功能是适配了浏览器环境下节点和节点属性的增删改查。
├── runtime-test    //  用对象来表示 DOM 树,方便测试
├── server-renderer //  服务端渲染实现
├── sfc-playground  //  单文件转译
├── shared          //  package 之间共享的工具库,内部实用函数和常量共享
├── size-check      //  私有包,用于检查 tree-shaking 后的运行时大小
├── template-explorer   //  用于调试编译器输出的开发工具
├── vue             //  面向公众的“完整构建”,包括运行时和编译器。主入口
├── vue-compat      //  vue构建兼容性处理
└── global.d.ts     //  typescript声明

  • compile: 程序编译时的逻辑处理,主要是处理我们写的.vue文件编译成浏览器能识别的代码。
  • runtime: 程序运行时的逻辑处理,通过compile之后,运行程序到程序关闭的这段时间的一系列处理。