# Rendimiento de Vue (Vue.js / Nuxt.js) > Virtual DOM, optimización de la reactividad, v-once, v-memo, lazy loading, code splitting, tamaño del bundle - 22 preguntas de entrevista - Senior - [Preguntas de entrevista: Vue.js / Nuxt.js](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista.md) ## 1. ¿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()? **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? **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. ## 19 preguntas más disponibles - ¿Cómo funciona la directiva v-memo introducida en Vue 3.2+? - ¿Cuál es la utilidad de markRaw() en Vue? Regístrate gratis: https://sharpskill.dev/es/login ## Otros temas de entrevista Vue.js / Nuxt.js - [Fundamentos de JavaScript](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/javascript-fundamentals.md): 20 preguntas, Junior - [JavaScript moderno (ES6+)](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/es6-modern-javascript.md): 20 preguntas, Junior - [Fundamentos de Vue](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/vue-basics.md): 22 preguntas, Junior - [Componentes Vue](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/vue-components.md): 20 preguntas, Junior - [Vue Router](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/vue-router.md): 18 preguntas, Junior - [Pinia State Management](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/pinia-state-management.md): 20 preguntas, Junior - [Vuex (Legacy)](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/vuex-legacy.md): 15 preguntas, Mid-Level - [Composition API](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/composition-api.md): 24 preguntas, Mid-Level - [Reactividad de Vue](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/vue-reactivity.md): 20 preguntas, Mid-Level - [Fundamentos de Nuxt](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/nuxt-fundamentals.md): 22 preguntas, Mid-Level - [Data Fetching en Nuxt](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/nuxt-data-fetching.md): 20 preguntas, Mid-Level - [SSR y SSG en Nuxt](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/nuxt-ssr-ssg.md): 22 preguntas, Mid-Level - [Rutas de servidor Nuxt](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/nuxt-server-routes.md): 20 preguntas, Mid-Level - [Módulos Nuxt](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/nuxt-modules.md): 18 preguntas, Mid-Level - [Composables de Vue](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/vue-composables.md): 20 preguntas, Mid-Level - [Formularios y validación Vue](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/vue-forms-validation.md): 20 preguntas, Mid-Level - [Gestión de estado en Nuxt](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/nuxt-state-management.md): 18 preguntas, Mid-Level - [Testing en Vue](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/vue-testing.md): 20 preguntas, Mid-Level - [Despliegue de Nuxt y CI/CD](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/nuxt-deployment-cicd.md): 22 preguntas, Mid-Level - [Patrones avanzados de Vue](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/vue-advanced-patterns.md): 24 preguntas, Senior - [TypeScript con Vue](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/typescript-vue.md): 22 preguntas, Senior - [Autenticación Nuxt](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/nuxt-auth.md): 20 preguntas, Senior - [SEO con Nuxt](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/nuxt-seo.md): 20 preguntas, Senior - [Internacionalización en Nuxt](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/nuxt-i18n.md): 18 preguntas, Senior - [Arquitectura Vue](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/vue-architecture.md): 22 preguntas, Senior - [Seguridad en Nuxt](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/nuxt-security.md): 20 preguntas, Senior - [Ecosistema Vue](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/vue-ecosystem.md): 18 preguntas, Senior - [Migración Vue 2→3 y Nuxt 2→3](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/migration-vue2-vue3-nuxt2-nuxt3.md): 22 preguntas, Senior --- Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack. HTML version of this page: https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/vue-performance