Composition API
约 240 字小于 1 分钟
2026-03-09
思考
Composition API 相比 Options API 有哪些优点?
逻辑复用更优雅 通过 Composables 取代 Vue 2 的 Mixins,彻底解决了命名冲突、数据来源不清晰和
this指向混乱的问题,逻辑复用更透明、安全。代码组织更合理 允许按业务逻辑功能聚合代码(将数据、方法、生命周期放在一起),而非强制按选项(data/methods/mounted)分割。解决了大型组件中代码“反复横跳”难以维护的痛点。
TypeScript 支持更友好 基于函数式写法,无需复杂的泛型推导或装饰器,TypeScript 类型推断更准确、自然,重构更安全。
更灵活且体积更小 打破了选项式 API 的结构限制,支持更好的 Tree-shaking(未使用的 API 可被移除),打包体积更优,更适合编写底层逻辑库和无头组件。