Vue 侦听器（watch 与 watchEffect）全解析2

二、watchEffect：自动追踪依赖的侦听器

watchEffect 是更“简洁”的侦听器：它不需要手动指定数据源，而是自动追踪回调中用到的响应式状态——当这些状态变化时，自动触发回调。适用于“副作用与依赖绑定紧密”的场景（如依赖较多、无需区分新旧值）。

1. 基本用法（与 watch 的对比）

对比 watch 的示例，用 watchEffect 重构“根据 ID 请求数据”的逻辑：

// 用 watch 的写法
const todoId = ref(1)
const data = ref