Vue 3 中 effectScope 的实际应用:如何管理响应式副作用
在 Vue 3 组合式 API 中,watch、watchEffect、computed 这些响应式副作用通常依附于组件实例,组件卸载时会自动清理。但当你把响应式逻辑抽成独立的函数,在组件外部或跨组件共享状态时,副作用就脱离了 Vue 的组件生命周期管理。如果不手动 stop,它们会一直存活,造成内存泄漏和意外的回调执行。effectScope 正是为了解决这个问题而设计的 API,它允许你创建一个作用域,把相关的响应式副作用收集起来,之后一次性停止整个作用域。这篇文章会结合一个实际可复用的数据轮询模块,说明 effectScope 的使用方式、常见坑点以及它和 onScopeDispose ...