美文网首页
vue3 源码结构介绍

vue3 源码结构介绍

作者: sweetBoy_9126 | 来源:发表于2023-07-21 14:18 被阅读0次

vue 包含两个阶段一个是编译阶段一个是运行时阶段

编译阶段

  1. 核心:compiler-sfc 模块
    依赖:copiler-dom 和 compiler-core
    作用:用来解析 sfc(单文件组件也就是我们平时写的.vue)

  2. compiler-dom
    依赖 compiler-core
    作用:解析 template 将其编译为一个 render 函数,将 vue 文件转成 js 文件

总结:sfc 依赖 compiler-dom 和 compiler-core 将 template 编译成一个 render 函数

运行时阶段

  1. runtime-dom
    依赖 runtime-core
    作用:处理 dom 节点

  2. runtime-core
    依赖 reactivity
    作用:核心运行时,相关逻辑处理都在这里

  3. reactivity
    作用:实现 vue 响应式

相关文章

网友评论

      本文标题:vue3 源码结构介绍

      本文链接:https://www.haomeiwen.com/subject/rcstpdtx.html