Componentes Vue
Ciclo de vida del componente, props, eventos, slots, estilos scoped, comunicación entre componentes, componentes dinámicos
1¿Qué es un componente Vue?
¿Qué es un componente Vue?
Respuesta
Un componente Vue es una instancia Vue reutilizable con un nombre. Encapsula HTML, CSS y JavaScript en una unidad lógica independiente. Los componentes permiten dividir la interfaz de usuario en piezas reutilizables y mantenibles. Cada componente tiene su propio template, lógica y estilos, facilitando la organización del código y la reutilización.
2¿Cómo declarar props en un componente Vue 3 con script setup?
¿Cómo declarar props en un componente Vue 3 con script setup?
Respuesta
En Vue 3 con script setup, defineProps() es una macro de compilación que permite declarar las props sin un import explícito. Esta macro genera automáticamente el código necesario y expone las props al template. Admite la validación de tipos de TypeScript y JavaScript, haciendo que el código sea más conciso y type-safe que el enfoque de la Options API.
3¿Cuál es la función del hook onMounted() en el ciclo de vida de un componente?
¿Cuál es la función del hook onMounted() en el ciclo de vida de un componente?
Respuesta
El hook onMounted() se ejecuta después de que el componente ha sido montado en el DOM. Es el momento ideal para realizar operaciones que requieren acceso al DOM, como inicializar bibliotecas de terceros, obtener datos mediante API o manipular directamente elementos del DOM. En esta etapa, el template ya está renderizado y los refs son accesibles.
¿Cómo emite un componente hijo un evento hacia su componente padre?
¿Para qué sirven los slots en un componente Vue?
+17 preguntas de entrevista
Otros temas de entrevista Vue.js / Nuxt.js
Fundamentos de JavaScript
JavaScript moderno (ES6+)
Fundamentos de Vue
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
Reactividad de Vue
Fundamentos de Nuxt
Data Fetching en Nuxt
SSR y SSG en Nuxt
Rutas de servidor Nuxt
Módulos Nuxt
Composables de Vue
Formularios y validación Vue
Gestión de estado en Nuxt
Testing en Vue
Despliegue de Nuxt y CI/CD
Rendimiento de Vue
Patrones avanzados de Vue
TypeScript con Vue
Autenticación Nuxt
SEO con Nuxt
Internacionalización en Nuxt
Arquitectura Vue
Seguridad en Nuxt
Ecosistema Vue
Migración Vue 2→3 y Nuxt 2→3
Domina Vue.js / Nuxt.js para tu próxima entrevista
Accede a todas las preguntas, flashcards, tests técnicos, ejercicios de code review y simuladores de entrevista.
Empieza gratis