# Desempenho do Vue (Vue.js / Nuxt.js) > Virtual DOM, otimização da reatividade, v-once, v-memo, lazy loading, code splitting, tamanho do bundle - 22 perguntas de entrevista - Senior - [Perguntas de entrevista: Vue.js / Nuxt.js](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista.md) ## 1. O que é o Virtual DOM no Vue? **Resposta** O Virtual DOM é uma representação JavaScript leve da árvore DOM real. O Vue usa o Virtual DOM para minimizar as manipulações diretas do DOM, que são caras em termos de desempenho. Quando o estado muda, o Vue cria um novo Virtual DOM, compara-o com o antigo (algoritmo de diffing) e, em seguida, aplica apenas as alterações necessárias ao DOM real. Essa abordagem reduz consideravelmente o número de operações no DOM e melhora o desempenho, especialmente para aplicações complexas com muitas atualizações. ## 2. Qual é a principal diferença entre ref() e shallowRef()? **Resposta** ref() cria uma referência reativa profunda onde todas as propriedades aninhadas também são reativas, enquanto shallowRef() torna reativa apenas a própria propriedade .value. Com shallowRef(), as mutações profundas dentro do objeto não disparam atualizações. É preciso substituir totalmente .value para acionar a reatividade. shallowRef() é útil para otimizar o desempenho com grandes estruturas de dados onde a reatividade profunda não é necessária, ou para integrar sistemas de estado externos. ## 3. Qual é o papel da diretiva v-once? **Resposta** A diretiva v-once renderiza um elemento e seus filhos apenas uma vez durante o primeiro render, e depois os trata como conteúdo estático para todos os renders subsequentes. Isso significa que, mesmo que os dados mudem, o elemento nunca será atualizado. Essa diretiva é útil para otimizar o desempenho de conteúdos estáticos que nunca mudam após a montagem inicial, como imagens de banner, logos ou texto que não requer nenhuma atualização dinâmica. ## Mais 19 perguntas disponiveis - Como funciona a diretiva v-memo introduzida no Vue 3.2+? - Qual é a utilidade de markRaw() no Vue? Cadastre-se gratis: https://sharpskill.dev/pt/login ## Outros temas de entrevista Vue.js / Nuxt.js - [Fundamentos de JavaScript](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/javascript-fundamentals.md): 20 perguntas, Junior - [JavaScript moderno (ES6+)](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/es6-modern-javascript.md): 20 perguntas, Junior - [Fundamentos do Vue](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/vue-basics.md): 22 perguntas, Junior - [Componentes Vue](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/vue-components.md): 20 perguntas, Junior - [Vue Router](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/vue-router.md): 18 perguntas, Junior - [Pinia State Management](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/pinia-state-management.md): 20 perguntas, Junior - [Vuex (Legacy)](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/vuex-legacy.md): 15 perguntas, Mid-Level - [Composition API](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/composition-api.md): 24 perguntas, Mid-Level - [Reatividade do Vue](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/vue-reactivity.md): 20 perguntas, Mid-Level - [Fundamentos do Nuxt](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/nuxt-fundamentals.md): 22 perguntas, Mid-Level - [Data Fetching no Nuxt](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/nuxt-data-fetching.md): 20 perguntas, Mid-Level - [SSR e SSG no Nuxt](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/nuxt-ssr-ssg.md): 22 perguntas, Mid-Level - [Rotas de servidor Nuxt](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/nuxt-server-routes.md): 20 perguntas, Mid-Level - [Módulos Nuxt](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/nuxt-modules.md): 18 perguntas, Mid-Level - [Composables do Vue](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/vue-composables.md): 20 perguntas, Mid-Level - [Formulários e validação Vue](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/vue-forms-validation.md): 20 perguntas, Mid-Level - [Gerenciamento de estado no Nuxt](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/nuxt-state-management.md): 18 perguntas, Mid-Level - [Testes no Vue](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/vue-testing.md): 20 perguntas, Mid-Level - [Deploy do Nuxt e CI/CD](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/nuxt-deployment-cicd.md): 22 perguntas, Mid-Level - [Padrões avançados do Vue](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/vue-advanced-patterns.md): 24 perguntas, Senior - [TypeScript com Vue](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/typescript-vue.md): 22 perguntas, Senior - [Autenticação Nuxt](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/nuxt-auth.md): 20 perguntas, Senior - [SEO com Nuxt](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/nuxt-seo.md): 20 perguntas, Senior - [Internacionalização no Nuxt](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/nuxt-i18n.md): 18 perguntas, Senior - [Arquitetura Vue](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/vue-architecture.md): 22 perguntas, Senior - [Segurança no Nuxt](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/nuxt-security.md): 20 perguntas, Senior - [Ecossistema Vue](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/vue-ecosystem.md): 18 perguntas, Senior - [Migração Vue 2→3 e Nuxt 2→3](https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/migration-vue2-vue3-nuxt2-nuxt3.md): 22 perguntas, Senior --- Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack. HTML version of this page: https://sharpskill.dev/pt/technologies/vue-nuxt/perguntas-entrevista/vue-performance