第四章｜Composition API 与逻辑复用
把已经学过的状态与副作用组织成有明确输入、返回值和清理责任的组合式函数。从 setup 的实例归属出发，依次讨论生命周期、模板引用、外部资源与不同运行环境。
阅读前需要什么
需要第三章的 ref、computed、watch、调度与作用域，以及第二章的 props、emits 和实例边界。生命周期与组合式函数沿用第一章的 Vue SFC 环境。
这一章怎样连起来
setup 建立每个组件实例自己的执行上下文，组合式函数组织可复用逻辑；模块顶层可变状态则可能被多个调用者共享。生命周期说明实例处于哪个阶段，资源清理说明谁负责结束外部工作，两者需要配合。
组件卸载会停止归属于它的响应式副作用；手动创建的浏览器监听器、计时器、网络请求和第三方订阅仍需显式释放。涉及服务端的组合式函数还要区分请求隔离与浏览器能力。
阅读顺序
- setup 的执行模型
<script setup>- 组合式函数
- 生命周期
- Options API 与 Composition API 迁移（维护回访）
- 模板引用与组合式函数
- 组合式函数的资源清理
- 组合式函数的可测试性
- SSR 下的组合式函数
- Vue 3.5
标注“维护回访”的篇目用于比较旧项目行为。首次学习主线可以暂缓，具备对应前置后再读；它们保留在实际编号位置，便于从正文和侧栏定位。
普通小实验沿用第一章运行环境。明确标注为自动化回访的题目，在完成第九章测试环境后再做。
读完后能做什么
把同一个组合式函数调用两次，分别修改输入并观察状态是否隔离；再单独测试卸载后计时器是否停止、迟到请求是否还能回写。这些实验各自验证调用隔离、资源释放与结果有效性，无须组合成一个跨环境搜索应用。
先独立完成各篇练习，再对照本章答案。接着进入第五章｜状态管理与数据流。