Composition API
Setup function, ref, reactive, computed, watch, lifecycle hooks, composables, script setup
1¿Qué es la Composition API en Vue 3?
¿Qué es la Composition API en Vue 3?
Respuesta
La Composition API es una nueva forma de organizar la lógica de los componentes Vue usando funciones de composición en lugar de las opciones (data, methods, computed). Permite agrupar la lógica por funcionalidad en vez de por tipo de opción, facilitando la reutilización del código mediante composables. También ofrece un mejor soporte para TypeScript y una mejor organización de los componentes complejos.
2¿Cuál es la función principal utilizada en la Composition API para definir la lógica de un componente?
¿Cuál es la función principal utilizada en la Composition API para definir la lógica de un componente?
Respuesta
La función setup() es el punto de entrada de la Composition API. Se ejecuta antes de la creación del componente, incluso antes de created(). Recibe los props y el contexto como argumentos y debe devolver un objeto que contenga los datos y funciones a exponer al template. Es en setup() donde se usan ref, reactive, computed, watch y los lifecycle hooks de la Composition API.
3¿Cuál es la diferencia principal entre ref() y reactive()?
¿Cuál es la diferencia principal entre ref() y reactive()?
Respuesta
ref() crea una referencia reactiva para un valor primitivo o un objeto, accesible mediante .value en el script (pero auto-unwrapped en los templates). reactive() crea un proxy reactivo solo para objetos y arrays, sin requerir .value pero pierde su reactividad si se desestructura. ref() es más versátil para los primitivos, reactive() es más natural para los objetos complejos pero requiere toRef/toRefs para la desestructuración.
¿Cómo acceder al valor de una ref en la función setup()?
¿Cómo crear una propiedad computed en la Composition API?
+21 preguntas de entrevista
Otros temas de entrevista Vue.js / Nuxt.js
Fundamentos de JavaScript
JavaScript moderno (ES6+)
Fundamentos de Vue
Componentes Vue
Vue Router
Pinia State Management
Vuex (Legacy)
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