Question 1

Qual é a principal diferença entre var e let em JavaScript?

Accepted Answer

A diferença fundamental está no scope das variáveis. let tem scope de bloco, o que significa que uma variável declarada com let só existe dentro do bloco onde é definida (entre chaves). var tem scope de função, o que pode causar comportamentos inesperados porque a variável fica acessível fora do bloco. Essa diferença de scope faz de let a escolha recomendada para evitar bugs relacionados a hoisting e scope.

Question 2

O que é uma Promise em JavaScript?

Accepted Answer

Uma Promise é um objeto que representa a conclusão ou a falha eventual de uma operação assíncrona. Ela permite lidar com operações que levam tempo (requisições HTTP, leituras de arquivos) sem bloquear a execução do código. Uma Promise pode ter três estados: pending (aguardando), fulfilled (resolvida com sucesso) ou rejected (falhou com um erro).

Question 3

O que é uma instância do Vue?

Accepted Answer

Uma instância do Vue é o objeto criado ao chamar createApp() que representa a aplicação. Esse objeto raiz contém todos os dados reativos, métodos e opções de configuração. Ele serve como ponto de entrada para montar a aplicação em um elemento DOM e inicializar o sistema de reatividade do Vue.

Question 4

O que é um componente Vue?

Accepted Answer

Um componente Vue é uma instância Vue reutilizável com um nome. Ele encapsula HTML, CSS e JavaScript em uma unidade lógica independente. Os componentes permitem dividir a interface do usuário em partes reutilizáveis e fáceis de manter. Cada componente tem seu próprio template, lógica e estilos, facilitando a organização do código e a reutilização.

Question 5

Qual é a estrutura mínima necessária para uma aplicação Nuxt 3?

Accepted Answer

Uma aplicação Nuxt 3 requer apenas um arquivo app.vue ou um diretório pages/ na raiz do projeto. Se app.vue existir sem uma pasta pages/, o Nuxt cria uma aplicação sem o Vue Router. Se pages/ existir, o Nuxt habilita automaticamente o file-based routing e requer <NuxtPage /> no app.vue para exibir as rotas.

Question 6

Qual é a principal diferença entre useFetch e useAsyncData no Nuxt?

Accepted Answer

useFetch é um wrapper em torno de useAsyncData e $fetch que simplifica as chamadas de API comuns. Ele gerencia automaticamente a construção da URL e aceita uma URL diretamente como primeiro argumento, enquanto useAsyncData requer uma chave única e uma função fetcher personalizada. Use useFetch para chamadas de API simples e useAsyncData para lógicas de fetching complexas.

Question 7

O que é o Server-Side Rendering (SSR) no Nuxt?

Accepted Answer

O SSR gera o HTML completo no servidor a cada requisição e depois o envia ao cliente. Isso melhora o SEO, pois os mecanismos de busca recebem conteúdo HTML imediatamente acessível, e também melhora o tempo até o primeiro paint. O SSR é o modo de renderização padrão no Nuxt 3, diferentemente da renderização no lado do cliente, onde o JavaScript gera o conteúdo no navegador.

Question 8

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 9

Qual é o objetivo principal de provide/inject no Vue 3?

Accepted Answer

Provide/inject permite passar dados de um componente pai para qualquer componente descendente sem passar props por cada nível intermediário. Isso evita o 'props drilling', onde as props precisam ser passadas por vários níveis de componentes que não as utilizam. É especialmente útil para compartilhar dados globais como a configuração de um tema ou o estado de autenticação.

Question 10

Qual é o papel principal de defineComponent no Vue 3 com TypeScript?

Accepted Answer

defineComponent habilita a type inference do TypeScript para as opções do componente. Sem essa função, o contexto this seria tratado como any na Options API. Ela garante que props, data, computed e métodos sejam tipados corretamente de forma automática.

Perguntas de entrevista de Vue.js / Nuxt.js

Pronto para sua entrevista de Vue.js / Nuxt.js?

Explore todos os temas de 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

Desempenho do Vue

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