尝鲜Vue3之五:源码结构

简介: 尝鲜Vue3之五:源码结构

代码结构



源码位置是在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




然后打开index.html



  • vue 代码入口


整合编译器和运行时



  • server-renderer 服务器端渲染(TODO)


  • share 公用方法


相关文章
|
3天前
|
JavaScript 网络架构
vue3 Elementplus 动态路由菜单不跳转问题
vue3 Elementplus 动态路由菜单不跳转问题
16 1
|
3天前
|
JavaScript 前端开发 API
vue3和vue2的区别
vue3和vue2的区别
|
3天前
|
JavaScript API 开发者
vue3 的生命周期
vue3 的生命周期
|
4天前
Vue3项目 小兔鲜问题总结
Vue3项目 小兔鲜问题总结
15 2
|
4天前
vue3基本指令使用
vue3基本指令使用
9 2
Vue3组件,注册全局组件和局部组件
Vue3组件,注册全局组件和局部组件
|
3天前
技术笔记:Vue3之emits
技术笔记:Vue3之emits
|
5天前
|
JavaScript API 网络架构
Vue3路由机制router(2)
Vue3路由机制router(2)
11 0
|
5天前
|
安全 定位技术 数据安全/隐私保护
Vue3路由机制router(1)
Vue3路由机制router(1)
11 0
|
5天前
|
缓存 监控 JavaScript
Vue3视图渲染技术(2)
Vue3视图渲染技术(2)
10 0