Patrones avanzados de Vue
Provide/inject, custom directives, render functions, JSX, teleport, suspense, async components
1¿Cuál es el propósito principal de provide/inject en Vue 3?
¿Cuál es el propósito principal de provide/inject en Vue 3?
Respuesta
Provide/inject permite pasar datos desde un componente padre a cualquier componente descendiente sin pasar props por cada nivel intermedio. Esto evita el 'props drilling', donde las props deben pasarse a través de varios niveles de componentes que no las necesitan. Es especialmente útil para compartir datos globales como la configuración de un tema o el estado de autenticación.
2¿Cómo declarar un valor con provide en un componente que usa la Composition API?
¿Cómo declarar un valor con provide en un componente que usa la Composition API?
Respuesta
En la Composition API, se usa la función provide con dos argumentos: una clave (string o Symbol) y el valor a proporcionar. Por ejemplo, dentro de setup. Este valor será accesible para los componentes descendientes mediante inject. Usar Symbols como claves garantiza la unicidad y evita las colisiones de nombres.
3¿Cuál es la función principal de la directiva Teleport en Vue 3?
¿Cuál es la función principal de la directiva Teleport en Vue 3?
Respuesta
Teleport permite renderizar el contenido de un componente en un nodo del DOM diferente de su posición en el árbol de componentes de Vue. Se usa típicamente para modales, tooltips y notificaciones que deben renderizarse en la raíz del documento para evitar problemas de z-index y de posicionamiento CSS. El componente conserva su contexto de Vue y puede acceder a los datos del padre.
¿Qué atributo es obligatorio para usar Teleport en Vue 3?
¿Qué es una custom directive en Vue?
+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)
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
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