8.5.1 Vue3.0介绍

本文为拉勾网大前端高薪训练营第一期笔记

---

Vue.js 3.0

• 源码组织方式的变化
  • 采用TypeScript重写
  • 使用Monorepo管理项目结构
• Composition API
• 性能提升
• Vite

packages目录结构

• compiler-core
  • 平台无关的编译器
• compiler-dom
  • 浏览器平台下的编译器，依赖于compiler-core
• compiler-sfc
  • single file component，用来编译单文件组件，依赖于compiler-core和compiler-dom
• compiler-ssr
  • 服务端渲染编译器，依赖于compiler-dom
• reactivity
  • 数据响应式系统，可以独立使用
• runtime-core
  • 平台无关的运行时
• runtime-dom
  • 浏览器的运行时，处理原生dom的api和事件等
• runtime-test
  • 为测试编写的轻量级运行时，渲染的dom树是js对象，所以可以运行在所有的js环境里，可以测试渲染是否正确，还可以用于序列化dom、触发dom事件、以及记录某次更新中的dom操作
• server-renderer
  • 服务器渲染
• shared
  • vue内部使用