Las entrevistas de Vue se enfocan en el sistema de reactividad, la Composition API, y la comunicación entre componentes. Aquí están las preguntas más comunes con respuestas modelo. Junior: teoría básica, definiciones y casos prácticos simples.
ref envuelve cualquier valor y lo alcanzas a través de .value en script, aunque los templates lo desenvuelven por ti. reactive toma un objeto y devuelve un proxy reactivo sin wrapper. La regla práctica es ref para todo, porque destructurar un objeto reactive pierde reactividad y eso sorprende a la gente cada vez.
computed deriva un valor y lo cachea hasta que una dependencia cambia — debe ser puro y devolver algo. watch corre un efecto secundario cuando algo cambia: un request, escribir a storage. Usar watch para setear otro pedazo de estado usualmente es un computed que no se ha reconocido todavía.
v-if agrega y remueve el elemento del DOM, así el componente se crea y destruye. v-show lo deja ahí y alterna CSS. v-if cuando raramente cambia o es costoso de renderizar, v-show cuando alterna a menudo — una pestaña que cambia constantemente no debería estar reconstruyendo su subárbol.
Para que Vue pueda emparejar items entre renders en vez de asumir posición. Sin una key estable parchea por índice, lo que reutiliza el nodo del DOM equivocado — un checkbox marcado se queda en la fila que tomó esa posición en vez de seguir a su item. El índice es una key solo de nombre para cualquier cosa reordenable.
Emitiendo un evento que el padre escucha. Las props van hacia abajo, los eventos van hacia arriba — un hijo no muta una prop, y Vue avisa cuando lo intenta. defineModel o el patrón v-model es ese mismo par con una convención de nombres encima.
onMounted para cualquier cosa que necesite el DOM o un primer fetch, onUnmounted para deshacerlo — un listener, un timer, una suscripción. onUpdated raramente es la respuesta correcta y a menudo es donde empiezan los loops infinitos. En la Composition API estos son funciones llamadas dentro de setup en vez de opciones del componente.
En una entrevista real hablas bajo presión. Cam hace estas mismas preguntas, evalúa cada respuesta y muestra exactamente qué mejorar.
Practicar entrevista de Junior Vue Frontend →