源码结构

代码结构

Preview

源码位置是在package文件件内，实际上源码主要分为两部分，编译器和运行时环境。

• 编译器

  • compiler-core 核心编译逻辑
    • 基本类型解析
    • AST
  • compiler-dom 针对浏览器的编译逻辑
    • v-html
    • v-text
    • v-model
    • v-clock

• 运行时环境

  • runtime-core 运行时核心

    • inject
    • 生命周期
    • watch
    • directive
    • component

  • runtime-dom 运行时针对浏览器的逻辑

    • class
    • style

  • runtime-test 测试环境仿真

    主要为了解决单元测试问题的逻辑 在浏览器外完成测试比较方便

• reactivity 响应式逻辑

• template-explorer 模板解析器 可以这样运行

  yarn dev template-explorer
  复制代码

  

  Preview
  

  Preview

  然后打开index.html

  

  Preview

• vue 代码入口

  整合编译器和运行时

  

  Preview

• server-renderer 服务器端渲染（TODO）

• share 公用方法

转载自 尝鲜Vue3之五：源码结构