Atualização assíncrona do DOM e `nextTick`
Pergunta
Por que ler o DOM logo depois de mudar um dado reativo no Vue pode te dar o valor antigo, e o que `nextTick` resolve?
Resposta esperada
O Vue não atualiza o DOM sincronamente a cada mudança de estado — ele agrupa (batch) as mudanças e aplica no DOM num microtask, depois do código atual terminar. Então, se você faz `contador.value++` e na linha seguinte lê `elemento.textContent` ou mede a altura de um elemento que depende disso, você pega o estado ANTES do re-render. `await nextTick()` (ou `nextTick(callback)`) espera o Vue terminar o próximo ciclo de atualização do DOM, e aí a leitura reflete o novo estado. Casos de uso: medir/rolar até um elemento recém-renderizado, focar um input que acabou de aparecer, integrar com libs que manipulam o DOM. É o análogo do 'o DOM ainda não atualizou' do React (onde você usaria um `useEffect`/`useLayoutEffect`).
Por que perguntam isso
Pergunta pleno de Vue. Sinal bom: 'batch em microtask' e o paralelo com useLayoutEffect do React.