watchEffect — pre-flush. watchPostEffect — post-flush.
watchEffect:
watchPostEffect:
1<script setup>2import { watchEffect, watchPostEffect, ref } from "vue"34const count = ref(0)56// Before DOM update7watchEffect(() => {8 console.log(count.value)9})1011// After DOM update12watchPostEffect(() => {13 document.title = `Count: ${count.value}`14})15</script>
Key: watchPostEffect for DOM-dependent effects.