Question 1

Quel est le rôle principal de defineComponent dans Vue 3 avec TypeScript ?

Accepted Answer

defineComponent permet d'activer l'inférence de types TypeScript pour les options du composant. Sans cette fonction, le contexte this serait traité comme any dans les Options API. Elle assure que les props, data, computed et méthodes sont correctement typées automatiquement.

Question 2

Pourquoi utiliser PropType lors de la déclaration de props complexes avec runtime declaration ?

Accepted Answer

PropType est une utility type de Vue qui permet de caster les types de props lors de la déclaration runtime. Object as PropType Book assure que book est correctement typé comme Book au lieu de Object générique. Cela améliore l'autocomplétion et la sécurité des types sans nécessiter script setup avec types génériques.

Question 3

Quelle est la différence entre script setup et script setup avec lang='ts' pour l'inférence des types ?

Accepted Answer

script setup avec lang='ts' active TypeScript et permet l'inférence automatique des types sans defineComponent. Les props définies avec defineProps sont automatiquement typées, les refs ont une inférence complète, et les erreurs TypeScript sont détectées à la compilation. Sans lang='ts', aucune vérification de type n'est effectuée.

TypeScript avec Vue

Quel est le rôle principal de defineComponent dans Vue 3 avec TypeScript ?

Réponse

Pourquoi utiliser PropType lors de la déclaration de props complexes avec runtime declaration ?

Réponse

Quelle est la différence entre script setup et script setup avec lang='ts' pour l'inférence des types ?

Réponse

Comment typer correctement une ref qui peut être null initialement en TypeScript ?

Quel est l'avantage principal des composants génériques avec script setup generic en Vue 3.3+ ?

Autres sujets d'entretien Vue.js / Nuxt.js

Fondamentaux JavaScript

JavaScript moderne (ES6+)

Les bases de Vue

Composants Vue

Vue Router

Pinia State Management

Vuex (Legacy)

Composition API

Réactivité Vue

Fondamentaux Nuxt

Data Fetching Nuxt

SSR & SSG Nuxt

Server Routes Nuxt

Modules Nuxt

Composables Vue

Formulaires & Validation Vue

Gestion d'état Nuxt

Testing Vue

Déploiement Nuxt & CI/CD

Performance Vue

Patterns avancés Vue

Authentification Nuxt

SEO avec Nuxt

Internationalisation Nuxt

Architecture Vue

Sécurité Nuxt

Écosystème Vue

Migration Vue 2→3 & Nuxt 2→3

Maîtrise Vue.js / Nuxt.js pour ton prochain entretien