Composables de Vue
Creación de composables, lógica reutilizable, useState, useRoute, useRouter, patrones de composables personalizados
1¿Qué es un composable en Vue 3 y Nuxt 3?
¿Qué es un composable en Vue 3 y Nuxt 3?
Respuesta
Un composable es una función que encapsula lógica reutilizable usando la Composition API de Vue. Los composables permiten compartir estado y efectos entre componentes sin recurrir a mixins. Por convención, el nombre de un composable siempre comienza con el prefijo use, lo que facilita su identificación en el código.
2¿Cuál es la convención de nomenclatura recomendada para los composables?
¿Cuál es la convención de nomenclatura recomendada para los composables?
Respuesta
Los composables siempre deben comenzar con el prefijo use seguido de un nombre descriptivo en camelCase. Esta convención permite identificar rápidamente los composables en el código y distinguirlos de las funciones utilitarias comunes. Por ejemplo, useCounter, useFetch o useAuth son nombres apropiados para composables.
3¿Dónde deben colocarse los composables en un proyecto Nuxt 3?
¿Dónde deben colocarse los composables en un proyecto Nuxt 3?
Respuesta
Los composables deben colocarse en el directorio composables en la raíz del proyecto. Nuxt 3 importa automáticamente todos los archivos de este directorio, lo que permite usar los composables sin necesidad de importarlos manualmente. Esta importación automática mejora la experiencia del desarrollador y reduce el código boilerplate.
¿Cuál es la principal ventaja de useState frente a ref en Nuxt 3?
¿Cómo acceder a los parámetros de la ruta actual en un composable de Nuxt?
+17 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)
Composition API
Reactividad de Vue
Fundamentos de Nuxt
Data Fetching en Nuxt
SSR y SSG en Nuxt
Rutas de servidor Nuxt
Módulos Nuxt
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