Vue3系列-源码结构介绍

922 阅读1分钟

页面 1.png

vue主要分编译运行时两个模块。

编译

@vue/compiler-sfc:主要用来解析.vue文件。

sfc底层分为:@vue/compiler-dom@vue/compiler-core,并且@vue/compiler-dom的底层依赖了@vue/compiler-core,二者需要配合工作。

@vue/compiler-dom

主要用来处理vue单文件的template中间的内容的,会将html编译成run函数。

运行时

运行时的依赖关系如下:

@vue/runtime-dom@vue/runtime-core@vue/reactivity

@vue/runtime-dom

专门处理dom节点,底层依赖@vue/runtime-core

@vue/reactivity

实现vue的响应式。