Padrões avançados do Vue
Provide/inject, custom directives, render functions, JSX, teleport, suspense, async components
1Qual é o objetivo principal de provide/inject no Vue 3?
Qual é o objetivo principal de provide/inject no Vue 3?
Resposta
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.
2Como declarar um valor com provide em um componente que usa a Composition API?
Como declarar um valor com provide em um componente que usa a Composition API?
Resposta
Na Composition API, usa-se a função provide com dois argumentos: uma chave (string ou Symbol) e o valor a fornecer. Por exemplo, dentro de setup. Esse valor ficará acessível aos componentes descendentes via inject. Usar Symbols como chaves garante a unicidade e evita colisões de nomes.
3Qual é a função principal da diretiva Teleport no Vue 3?
Qual é a função principal da diretiva Teleport no Vue 3?
Resposta
O Teleport permite renderizar o conteúdo de um componente em um nó do DOM diferente de sua posição na árvore de componentes do Vue. É tipicamente usado para modais, tooltips e notificações que precisam ser renderizados na raiz do documento para evitar problemas de z-index e de posicionamento CSS. O componente mantém seu contexto Vue e pode acessar os dados do pai.
Qual atributo é obrigatório para usar o Teleport no Vue 3?
O que é uma custom directive no Vue?
+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)
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
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