Composition API
Setup function, ref, reactive, computed, watch, lifecycle hooks, composables, script setup
1O que é a Composition API no Vue 3?
O que é a Composition API no Vue 3?
Resposta
A Composition API é uma nova forma de organizar a lógica dos componentes Vue usando funções de composição em vez das opções (data, methods, computed). Ela permite agrupar a lógica por funcionalidade em vez de por tipo de opção, facilitando a reutilização do código por meio de composables. Também oferece melhor suporte a TypeScript e uma melhor organização para componentes complexos.
2Qual é a função principal usada na Composition API para definir a lógica de um componente?
Qual é a função principal usada na Composition API para definir a lógica de um componente?
Resposta
A função setup() é o ponto de entrada da Composition API. Ela é executada antes da criação do componente, até mesmo antes de created(). Recebe as props e o contexto como argumentos e deve retornar um objeto contendo os dados e funções a serem expostos ao template. É em setup() que usamos ref, reactive, computed, watch e os lifecycle hooks da Composition API.
3Qual é a principal diferença entre ref() e reactive()?
Qual é a principal diferença entre ref() e reactive()?
Resposta
ref() cria uma referência reativa para um valor primitivo ou um objeto, acessível via .value no script (mas auto-unwrapped nos templates). reactive() cria um proxy reativo apenas para objetos e arrays, sem exigir .value, mas perde a reatividade se for desestruturado. ref() é mais versátil para primitivos, reactive() é mais natural para objetos complexos, mas exige toRef/toRefs para a desestruturação.
Como acessar o valor de uma ref na função setup()?
Como criar uma propriedade computed na Composition API?
+21 perguntas de entrevista
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)
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
Acesse todas as perguntas, flashcards, testes tecnicos, exercicios de code review e simuladores de entrevista.
Comece gratis