Entrevistas de Vue focam no sistema de reatividade, na Composition API, e na comunicação entre componentes. Aqui estão as perguntas mais comuns com respostas modelo. Junior: teoria básica, definições e casos práticos simples.
ref envolve qualquer valor e você o acessa via .value no script, embora os templates o desembrulhem automaticamente. reactive recebe um objeto e devolve um proxy reativo sem wrapper. A regra prática é usar ref para tudo, porque destructurar um objeto reactive perde a reatividade e isso surpreende as pessoas toda vez.
computed deriva um valor e faz cache dele até que uma dependência mude — deve ser puro e retornar algo. watch executa um efeito colateral quando algo muda: um request, escrever em storage. Usar watch para setar outro pedaço de estado geralmente é um computed ainda não reconhecido.
v-if adiciona e remove o elemento do DOM, então o componente é criado e destruído. v-show o deixa lá e alterna CSS. v-if quando raramente muda ou é caro de renderizar, v-show quando alterna com frequência — uma aba que muda o tempo todo não deveria estar reconstruindo sua subárvore.
Para que o Vue possa combinar itens entre renders em vez de assumir posição. Sem uma key estável ele faz patch por índice, o que reutiliza o nó de DOM errado — um checkbox marcado fica na linha que ocupou essa posição em vez de seguir seu item. O índice é uma key só de nome para qualquer coisa reordenável.
Emitindo um evento que o pai escuta. Props descem, eventos sobem — um filho não muta uma prop, e o Vue avisa quando ele tenta. defineModel ou o padrão v-model é esse mesmo par com uma convenção de nomes por cima.
onMounted para qualquer coisa que precise do DOM ou um primeiro fetch, onUnmounted para desfazer isso — um listener, um timer, uma assinatura. onUpdated raramente é a resposta certa e muitas vezes é onde loops infinitos começam. Na Composition API esses são funções chamadas dentro de setup em vez de opções do componente.
Numa entrevista de verdade você fala sob pressão. O Cam faz essas mesmas perguntas, avalia cada resposta e mostra exatamente o que melhorar.
Praticar entrevista de Junior Vue Frontend →