vue3.0 3.1 3.2 3.3 3.4每个版本更新了什么东西

Vue.js作为前端开发的流行框架，在3.0及其后续版本中持续带来了众多显著的更新和改进。以下是Vue 3.0至3.4每个版本的主要更新内容：

Vue 3.0

1. 性能提升：
   • 采用了全新的Virtual DOM算法，提高了打补丁和元素比较的速度。
   • 通过支持Tree-Shaking，减小了应用体积。
2. 组合式API（Composition API）：
   • 引入了一套全新的API，为开发者提供了更灵活的组织组件逻辑的方式。
   • 使用ref、reactive等函数，可以轻松处理组件内的响应式数据和逻辑。
3. 响应式系统：
   • 采用了ES6的Proxy特性，能够监听更多类型的数据变化。
4. TypeScript支持：
   • Vue 3.0的代码库是用TypeScript编写的，为TypeScript用户提供了更好的支持。
5. 其他改进：
   • 带来了Fragment支持以及Teleport组件等新特性。
   • 工具和生态系统方面也进行了不少改进，如推荐使用vite创建项目。

Vue 3.1

1. 新特性：
   • 引入了onServerPrefetch生命周期钩子，用于在服务器端预获取数据。
2. 编译选项：
   • 提供了组件级别的compilerOptions，允许开发者配置运行时的编译器。
3. 其他改进：
   • 增强了devtools对KeepAlive的支持。
   • 提供了更多的API和工具，以改善开发者的开发体验。

Vue 3.2

1. <script setup> 语法糖：
   • 引入了一种编译时语法糖，简化了在SFC（单文件组件）中使用Composition API的代码。
   • 不需要再声明export default和setup方法，所有顶级变量、函数均会自动暴露给模板使用。
2. v-memo指令：
   • 用于缓存基于依赖的渲染结果，以提高性能。
3. 新ref语法糖：
   • 提供了更简洁的声明响应式数据的方式。
4. Expose API和Effect Scope API：
   • 提供了更强大的组件逻辑控制和副作用管理能力。
5. 其他改进：
   • 增强了模板中对属性和特性的处理能力。
   • 提供了Web组件支持，提高了与其他Web技术的互操作性。

Vue 3.3

1. TypeScript支持改进：
   • 解决了<script setup>中TypeScript使用的限制，如现在支持导入的类型和复杂类型等。
2. 通用组件：
   • 引入了泛型组件的概念，提高了组件的复用性和灵活性。
3. 更符合人体工程学的defineEmits：
   • 提供了更简洁的声明emits的方式，使得事件处理更加直观和方便。
4. 类型插槽：
   • 引入了defineSlots宏，可用于声明预期插槽及其各自的预期插槽prop，提高了插槽使用的类型安全性。
5. 实验性特性：
   • 如响应式prop解构等实验性特性，为开发者提供了更多的选择和尝试空间。

Vue 3.4

1. 性能优化：
   • 使用了全新的模板解析器，提高了模板解析的效率。
   • 对响应式系统进行了重构，优化了计算属性的重新计算效率。
2. defineModel稳定性增强：
   • defineModel是一个用于简化支持v-model的组件实现的宏，在3.4版本中已经从实验性质转为稳定状态。
3. v-bind同名简写：
   • 在绑定props时，现在可以使用同名简写，使得代码更加简洁。
4. 改进的水合错误提示：
   • 改进了服务器渲染与客户端预期不一致时的错误提示，使问题更容易被定位。
5. 废弃特性删除：
   • 删除了一些废弃特性，如全局JSX命名空间等，以避免与React的全局命名空间冲突。

综上所述，Vue 3.0至3.4版本在性能、功能、工具和生态系统等方面都进行了显著的改进和提升，为开发者提供了更强大、更灵活、更高效的开发体验。