TypeScript com Vue
Suporte a TypeScript no Vue 3, defineComponent, PropType, type inference, generic components, strict mode
1Qual é o papel principal de defineComponent no Vue 3 com TypeScript?
Qual é o papel principal de defineComponent no Vue 3 com TypeScript?
Resposta
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.
2Por que usar PropType ao declarar props complexas com runtime declaration?
Por que usar PropType ao declarar props complexas com runtime declaration?
Resposta
PropType é um utility type do Vue que permite fazer o cast dos tipos das props durante a declaração runtime. Object as PropType Book garante que book seja tipado corretamente como Book em vez de um Object genérico. Isso melhora o autocomplete e a segurança de tipos sem exigir script setup com tipos genéricos.
3Qual é a diferença entre script setup e script setup com lang='ts' para a type inference?
Qual é a diferença entre script setup e script setup com lang='ts' para a type inference?
Resposta
script setup com lang='ts' habilita o TypeScript e permite a type inference automática sem defineComponent. As props definidas com defineProps são tipadas automaticamente, as refs têm inference completa e os erros de TypeScript são detectados em tempo de compilação. Sem lang='ts', nenhuma verificação de tipos é feita.
Como tipar corretamente uma ref que pode ser null inicialmente no TypeScript?
Qual é a principal vantagem dos componentes genéricos com script setup generic no Vue 3.3+?
+19 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
Padrões avançados do 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