基础入门

Vue 3侦听器需暂停恢复（手动停止用unwatch()）避免资源消耗，异步创建的需手动管理防内存泄漏。副作用用onCleanup+AbortController取消旧请求避免竞态。应用于表单自动保存、条件侦听等场景。

Vue 3 watchEffect是自动追踪响应式依赖的API，无需手动指定数据源，初始化时立即执行，追踪回调中所有响应式依赖。支持副作用清理（通过onCleanup）、执行时机控制（pre/post/sync），适用于数据请求、DOM操作等多依赖场景。可通过返回值停止监听，结合ref/reactive使用，需注意性能优化。

Vue 3中watch是响应式API，监听数据源变化执行自定义逻辑。关键选项：immediate true（初始化即执行）；once true（Vue3.4+，仅首次变化触发）；deep true（深度监听对象嵌套属性）；flush控制回调时机（pre/post/sync）。

Vue 3的watch支持多数据源监听：多响应式数据放入数组作源，回调接收新旧值数组；计算结果可用getter函数监听；数组监听默认关注方法和引用变化，直接索引修改需deep选项或数组方法。

Vue 3侦听器用于响应式数据变化时执行副作用，支持监听ref和reactive。监听ref可直接传入，reactive默认深度监听整个对象，单个属性需用getter函数。注意：reactive属性不能直接监听，须以函数返回，且对象新旧值引用相同。

Vue3侦听器（watch）用于响应式状态变化时执行副作用，支持单个ref、响应式对象、getter或数组等数据源。深层侦听器（deep:true）监听嵌套变化，即时回调（immediate：true）初始执行，一次性侦听器（once： true）仅触发一次。watchEffect自动追踪依赖并立即执行，需注意副作用清理（onCleanup）及手动停止。