Vue 3 相比 Vue 2 有很多优化项，以下是简要概述：
一、性能提升
- 编译优化
- Vue 3 采用了更高效的编译策略，静态提升（Static Hoisting）和事件监听缓存（Event Handling Caching）等技术减少了不必要的计算和内存分配。
- 静态内容在编译阶段被提升到外部作用域，避免在每次渲染时重复创建，提高了性能。
- 对事件处理函数进行缓存，当组件重新渲染时，如果事件处理函数没有变化，就可以直接复用缓存的函数，避免重复绑定。
- 响应式系统改进
- Vue 3 使用了新的响应式系统 Proxy 替代 Vue 2 的 Object.defineProperty。Proxy 可以直接代理对象和数组的各种操作，而不需要对对象的每个属性进行遍历和劫持，性能更好。
- 同时，新的响应式系统能够更好地处理嵌套对象和数组的变化侦测，减少了不必要的更新。
二、开发体验优化
- 组合式 API（Composition API）
- Vue 3 引入了组合式 API，使得逻辑复用更加方便和灵活。可以将相关的逻辑封装在函数中，通过调用这些函数来组织代码，而不是依赖于选项式 API 中特定的选项。
- 组合式 API 还可以更好地与 TypeScript 结合，提供更好的类型推导和代码提示。
- 更好的 TypeScript 支持
- Vue 3 对 TypeScript 的支持更加友好。通过提供更好的类型定义和类型推导，使得在 TypeScript 项目中使用 Vue 更加方便和安全。
- 可以更好地利用 TypeScript 的类型检查和智能提示功能，提高开发效率和代码质量。
- 自定义渲染 API
- Vue 3 提供了自定义渲染 API，可以更灵活地控制组件的渲染过程。可以使用自定义渲染器来实现不同的渲染目标，如在服务器端渲染、原生应用开发等场景中使用。
三、体积更小
- 按需引入
- Vue 3 支持按需引入，可以只引入实际使用的功能模块，减少打包后的体积。
- 例如，可以只引入响应式系统、模板编译器等特定的功能，而不是引入整个 Vue 框架，从而减小应用的体积。
- 树摇优化
- 现代的打包工具可以对 Vue 3 的代码进行更好的树摇优化，去除未使用的代码，进一步减小打包后的体积。
四、其他优化
- 更好的错误处理
- Vue 3 提供了更详细的错误信息和更好的错误处理机制，使得在开发过程中更容易发现和解决问题。
- 支持多个根节点的模板
- 在 Vue 3 的模板中可以有多个根节点，这使得模板的结构更加灵活，可以更好地适应复杂的布局需求。
总之，Vue 3 在性能、开发体验、体积等方面都有了很大的优化，为开发者提供了更好的开发工具和更高的开发效率。
