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 的模板编译器，可以生成更小、更快的代码。它还改进了模板语法，增加了诸如

渲染引擎：

• Vue 3 采用了全新的渲染引擎，大幅提升了性能和内存使用效率。它引入了树摇动（tree-shaking）技术，可以去除未使用的代码，减少包大小。

Suspense API：

• Vue 3 引入了 Suspense API，允许开发人员在等待异步数据时显示占位符组件。这消除了在等待数据时出现白屏的问题。

全新 API：

• Vue 3 引入了许多新 API 和实用工具，例如：

  • reactive() 和 ref()：用于创建响应式数据
  • watchEffect()：用于在响应式数据更新时执行副作用
  • provide() / inject()：用于在父组件和子组件之间传递数据

其他改进：

• 更严格的类型检查
• 集成的 TypeScript 支持
• 改进的可访问性