frontend
Vue
Vue em entrevista gira em torno da reatividade: como o Vue 3 rastreia dependências com Proxy, a diferença entre `ref` e `reactive` (e por que `.value`), quando `computed` vence `watch`, e o que a Composition API resolve que a Options API deixava espalhado.
Tópicos por senioridade
Perguntas mais cobradas
ver todas →- Médio
`ref` x `reactive` no Vue 3
`reactive`: Proxy sobre objeto, quebra se desestruturar/reatribuir. `ref`: caixa `{ value }` reativa que serve pra primitivo também (daí `.value`; template desembrulha).
- Médio
`computed` x `watch`
`computed`: derivar valor puro com cache (usa no template). `watch`: efeito colateral em resposta a mudança (fetch, salvar). Fetch no computed e 'watch pra derivar' são os erros.
- Fácil
O que a Composition API resolve
Options API espalha a lógica de uma feature por data/methods/computed/watch e depende de mixins pra reuso. Composition API agrupa por feature e extrai em composables reutilizáveis.
- Fácil
Fluxo de dados: props pra baixo, eventos pra cima
Prop é do pai; mutá-la no filho é sobrescrito no próximo render do pai e o pai não fica sabendo. Filho `emit('update:x', v)`, pai atualiza o próprio estado. `v-model` + `defineModel()` formaliza o ciclo.
- Médio
Atualização assíncrona do DOM e `nextTick`
O Vue faz batch das atualizações e aplica no DOM num microtask, não na hora. Ler o DOM logo após mudar o estado pega o valor antigo. `await nextTick()` espera o DOM atualizar.
- Médio
Quando o estado precisa de Pinia (e quando não)
Local → `ref`. Compartilhado entre telas distantes e persistente na navegação (user, carrinho, wizard) → store Pinia. Sintoma de que passou da hora: prop drilling de 4 níveis ou event bus improvisado.