Composition API

在 Vue 2 中，官方推荐使用 Options API 来组织组件逻辑，即将 data、methods、computed、watch等按类型划分到不同选项中。这种模式在简单场景下清晰直观，但随着业务逻辑日益复杂，同一功能相关的代码往往被分散到多个选项中，导致维护成本显著上升，代码可读性也随之下降。

为了应对大型项目中逻辑分散、复用困难以及 TypeScript 支持不足等痛点，Vue 3 引入了 Composition API，并将其确立为官方推荐的开发范式。

其核心优势如下：

• 按功能组织代码：将同一业务逻辑的代码集中管理，显著提升可维护性与可读性。
• 无需依赖 this：不再依赖 this 上下文，逻辑更纯粹，心智负担更低。
• TreeShaking支持：所有 API 均支持按需引入，有助于减小最终构建体积。
• TypeScript 支持：类型推断更加精准，带来更流畅的 IDE 体验。
• 更强的逻辑复用能力：通过组合式函数（Composables）轻松抽离和共享逻辑，告别混入（mixin）的局限性。

需要强调的是，Vue 3 并未废弃 Options API，而是为开发者提供了更灵活、更具扩展性的代码组织选择，两者可并存于同一项目中，按需选用。