← 返回首页

为什么 Vue3 要引入 Composition API（组合式 API）？

发布时间: 2026-06-21
出自: 基础八股
Vue2 的 Options API（选项式 API）在处理复杂组件时，会导致同一个逻辑关注点被分散到不同的选项中（如 data、methods、computed），代码难以阅读和维护。
Composition API 的优势在于：
  • 逻辑聚合：将相关的逻辑（状态、方法、计算属性）写在一起，代码组织更内聚。
  • 逻辑复用：通过自定义 Hooks（组合式函数）替代 Mixins，彻底解决了 Mixins 带来的命名冲突和隐式依赖问题。
  • TS 支持：基于函数的 API 让 TypeScript 的类型推导更加友好。
  • Tree-shaking：按需引入，打包体积更小。