watchPostEffect DOM 读取时机
`watchPostEffect()` 适合在响应式更新已经写入 DOM 之后执行副作用,比如测量元素尺寸、读取最新文本、同步第三方 DOM 插件。
DOM 读取时机说明
- 修改 count.value 后,响应式状态会立刻变化,DOM patch 会进入同一轮 flush。
- 在事件函数里同步读取 DOM,可能拿到的是本轮 patch 前的旧文本。
- watchPostEffect 会在 DOM 更新完成后运行,适合读取布局、文本或同步第三方 DOM 插件。
- await nextTick() 是命令式等待一次 flush;watchPostEffect 会自动追踪依赖并重复执行。
响应式状态
count.value
0
真实 DOM 文本
0
点击按钮后观察三种读取时机。
同步读取 DOM
尚未读取
watchPostEffect 读取
等待首次 flush
await nextTick() 后
尚未读取
最近的 post effect 记录