Rendimiento de Vue
Virtual DOM, optimización de la reactividad, v-once, v-memo, lazy loading, code splitting, tamaño del bundle
1¿Qué es el Virtual DOM en Vue?
¿Qué es el Virtual DOM en Vue?
Respuesta
El Virtual DOM es una representación JavaScript ligera del árbol DOM real. Vue utiliza el Virtual DOM para minimizar las manipulaciones directas del DOM, que son costosas en términos de rendimiento. Cuando el estado cambia, Vue crea un nuevo Virtual DOM, lo compara con el anterior (algoritmo de diffing) y luego aplica solo los cambios necesarios al DOM real. Este enfoque reduce considerablemente el número de operaciones del DOM y mejora el rendimiento, especialmente para aplicaciones complejas con muchas actualizaciones.
2¿Cuál es la diferencia principal entre ref() y shallowRef()?
¿Cuál es la diferencia principal entre ref() y shallowRef()?
Respuesta
ref() crea una referencia reactiva profunda donde todas las propiedades anidadas también son reactivas, mientras que shallowRef() solo hace reactiva la propia propiedad .value. Con shallowRef(), las mutaciones profundas dentro del objeto no desencadenan actualizaciones. Hay que reemplazar por completo .value para activar la reactividad. shallowRef() es útil para optimizar el rendimiento con grandes estructuras de datos donde la reactividad profunda no es necesaria, o para integrar sistemas de estado externos.
3¿Cuál es el rol de la directiva v-once?
¿Cuál es el rol de la directiva v-once?
Respuesta
La directiva v-once renderiza un elemento y sus hijos una sola vez durante el primer render, y luego los trata como contenido estático para todos los renders siguientes. Esto significa que, aunque los datos cambien, el elemento nunca se actualizará. Esta directiva es útil para optimizar el rendimiento de contenidos estáticos que nunca cambian después del montaje inicial, como imágenes de banner, logos o texto que no requiere ninguna actualización dinámica.
¿Cómo funciona la directiva v-memo introducida en Vue 3.2+?
¿Cuál es la utilidad de markRaw() en Vue?
+19 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
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