composition api 是 vue 3 的核心特性，通过 setup() 统一组织响应式数据、逻辑和生命周期，支持类型推导、逻辑复用（composable）、provide/inject 跨层级状态管理，并天然契合 typescript。
Composition API 是 Vue 3 的核心特性之一，它让逻辑复用、代码组织和类型推导变得更自然、更可控。相比 Options API，它不依赖 this、生命周期钩子命名固定、逻辑按功能而非选项分组，特别适合中大型项目或需要跨组件共享逻辑的场景。
用 setup() 替代 Options 结构
所有响应式数据、方法、生命周期钩子都写在 setup() 函数内，返回的对象会自动暴露给模板。注意：setup 执行时机早于 beforeCreate 和 created，且内部没有 this。
- 响应式数据统一用 ref()（基础类型）或 reactive()（对象）声明
- 计算属性用 computed()，监听用 watch() 或 watchEffect()
- 生命周期钩子前缀加 on，如 onMounted、onUpdated，需在 setup 中调用
抽离逻辑为可复用的 组合函数（Composable）
把一组相关逻辑（比如表单校验、滚动监听、API 请求）封装成独立函数，参数接收 reactive 对象或 ref，返回需要暴露的数据和方法。
vue-composition-api-best-practices
Vue 3 组合式 API 与
热门下载
相关下载
精品课程
相关推荐
/
热门推荐
/
最新课程
最新文章