vue 3 与 vue 2 的主要差异为：采用 composition api 改善响应式系统和代码可重用性。使用基于 esm 的编译器生成更小、更快的代码并增强模板语法。引入新的渲染引擎，提升性能和内存效率。suspense api 解决异步数据加载中的白屏问题。提供 reactive()、ref()、watcheffect() 等新 api 和实用工具。拥有更严格的类型检查、集成的 typescript 支持和改进的可访问性。
Vue 3 与 Vue 2 的差异
Vue 3 作为 Vue.js 框架的重大更新，带来了许多新特性和改进。与 Vue 2 相比，Vue 3 拥有以下主要的不同之处：
响应式系统：
- Vue 3 采用了一种全新的响应式系统，称为 Composition API。它允许开发人员创建更清晰、更可重用的代码，同时提升性能。
模板编译：
立即学习“前端免费学习笔记（深入）”；
- Vue 3 使用基于 ESM 的模板编译器，可以生成更小、更快的代码。它还改进了模板语法，增加了诸如
<script setup></script>和<suspense></suspense>等新特性。
渲染引擎：
- Vue 3 采用了全新的渲染引擎，大幅提升了性能和内存使用效率。它引入了树摇动（tree-shaking）技术，可以去除未使用的代码，减少包大小。
Suspense API：
- Vue 3 引入了 Suspense API，允许开发人员在等待异步数据时显示占位符组件。这消除了在等待数据时出现白屏的问题。
全新 API：
-
Vue 3 引入了许多新 API 和实用工具，例如：
-
reactive()和ref()：用于创建响应式数据 -
watchEffect()：用于在响应式数据更新时执行副作用 -
provide()/inject()：用于在父组件和子组件之间传递数据
-
其他改进：
- 更严格的类型检查
- 集成的 TypeScript 支持
- 改进的可访问性
