Vue.js: What is the difference between nextTick and setTimeout?

nextTick — after DOM update. setTimeout — arbitrary delay.

nextTick:

• After Vue DOM update.
• Microtask.
• DOM is current.

setTimeout:

• Arbitrary delay.
• Macrotask.
• May not reflect DOM.

1<script setup>
2import { ref, nextTick } from "vue"
3
4const el = ref(null)
5
6async function scrollToBottom() {
7  el.value.scrollTop = el.value.scrollHeight
8  await nextTick()
9  // DOM is updated now
10}
11</script>

Key: nextTick for DOM access after update.