Question 1

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 2

Como declarar props em um componente Vue 3 com script setup?

Accepted Answer

No Vue 3 com script setup, defineProps() é uma macro de compilação que permite declarar as props sem um import explícito. Essa macro gera automaticamente o código necessário e expõe as props ao template. Ela oferece suporte à validação de tipos do TypeScript e JavaScript, tornando o código mais conciso e type-safe do que a abordagem da Options API.

Question 3

Qual é a função do hook onMounted() no ciclo de vida de um componente?

Accepted Answer

O hook onMounted() é executado depois que o componente foi montado no DOM. Esse é o momento ideal para realizar operações que exigem acesso ao DOM, como inicializar bibliotecas de terceiros, buscar dados via API ou manipular diretamente elementos do DOM. Nessa etapa, o template já está renderizado e os refs estão acessíveis.

Componentes Vue

O que é um componente Vue?

Resposta

Como declarar props em um componente Vue 3 com script setup?

Resposta

Qual é a função do hook onMounted() no ciclo de vida de um componente?

Resposta

Como um componente filho emite um evento para o seu componente pai?

Para que servem os slots em um componente Vue?

Outros temas de entrevista Vue.js / Nuxt.js

Fundamentos de JavaScript

JavaScript moderno (ES6+)

Fundamentos do 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