Vue3 的设计目标是什么？具体如何实现的？

[GGXXMM]

Vue3 新特性（API层面）

官网提到的值得关注新特性如下：

• Composition API
• SFC Composition API语法糖<script setup>
• Teleport 传送门（内置组件）
• Fragments 片段
• Emits 选项
• 自定义渲染器
• SFC CSS变量（v-bind in <style>）
• SFC <style scoped>
• Suspense

https://v3-migration.vuejs.org/
https://github.com/vuejs/core/releases?q=3.0

Vue3 设计目标（本质：原理层面）

提升”易用性、性能、更轻、可维护性、开发体验“等方面

1. 更易使用

• API简化：v-model、.sync 统一、render渲染函数使用简化
• 更好的调试支持

2. 性能提升：

• 响应式升级
  • 基于Proxy实现响应式（解决vue2 Object.defineProperty 递归效率、数据监听等问题，详见：https://github.com/GGXXMM/FE-Knowledge/issues/71）
• 编译优化
  • 虚拟DOM重写（生成的虚拟DOM信息更详细，编译时会有更多的警告报错）
  • 静态节点标记 + 动态节点diff算法比对更新（基于最长递增子序列）
• 源码体积的优化

3. 更轻：

打包的时候通过Tree Shaking优化，核心库体积更小。

4. 更容易维护

• Typescript 良好支持
• Composition API，提升代码可复用性

5. 体验更加友好

• 跨平台：编译器核心和运行时核心与平台无关，使得Vue更容易与任何平台（Web、Android、IOS）一起使用。