Question 1

O que é o Virtual DOM no Vue?

Accepted Answer

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.

Question 2

Qual é a principal diferença entre ref() e shallowRef()?

Accepted Answer

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.

Question 3

Qual é o papel da diretiva v-once?

Accepted Answer

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.

Desempenho do Vue

O que é o Virtual DOM no Vue?

Resposta

Qual é a principal diferença entre ref() e shallowRef()?

Resposta

Qual é o papel da diretiva v-once?

Resposta

Como funciona a diretiva v-memo introduzida no Vue 3.2+?

Qual é a utilidade de markRaw() no Vue?

Outros temas de entrevista Vue.js / Nuxt.js

Fundamentos de JavaScript

JavaScript moderno (ES6+)

Fundamentos do Vue

Componentes Vue

Vue Router

Pinia State Management

Vuex (Legacy)

Composition API

Reatividade do Vue

Fundamentos do Nuxt

Data Fetching no Nuxt

SSR e SSG no Nuxt

Rotas de servidor Nuxt

Módulos Nuxt

Composables do Vue

Formulários e validação Vue

Gerenciamento de estado no Nuxt

Testes no Vue

Deploy do Nuxt e CI/CD

Padrões avançados do Vue

TypeScript com Vue

Autenticação Nuxt

SEO com Nuxt

Internacionalização no Nuxt

Arquitetura Vue

Segurança no Nuxt

Ecossistema Vue

Migração Vue 2→3 e Nuxt 2→3

Domine Vue.js / Nuxt.js para sua proxima entrevista