Question 1

Qu'est-ce que la Composition API dans Vue 3 ?

Accepted Answer

La Composition API est une nouvelle façon d'organiser la logique des composants Vue en utilisant des fonctions de composition au lieu des options (data, methods, computed). Elle permet de regrouper la logique par fonctionnalité plutôt que par type d'option, facilitant la réutilisation du code via des composables. Elle offre aussi un meilleur support TypeScript et une meilleure organisation pour les composants complexes.

Question 2

Quelle est la fonction principale utilisée dans la Composition API pour définir la logique d'un composant ?

Accepted Answer

La fonction setup() est le point d'entrée de la Composition API. Elle s'exécute avant la création du composant, avant même created(). Elle reçoit les props et le contexte comme arguments et doit retourner un objet contenant les données et fonctions à exposer au template. C'est dans setup() qu'on utilise ref, reactive, computed, watch et les lifecycle hooks de la Composition API.

Question 3

Quelle est la différence principale entre ref() et reactive() ?

Accepted Answer

ref() crée une référence réactive pour une valeur primitive ou un objet, accessible via .value dans le script (mais auto-unwrapped dans les templates). reactive() crée un proxy réactif pour les objets et tableaux uniquement, sans nécessiter .value mais perd sa réactivité si déstructuré. ref() est plus polyvalent pour les primitives, reactive() est plus naturel pour les objets complexes mais nécessite toRef/toRefs pour la déstructuration.

Composition API

Qu'est-ce que la Composition API dans Vue 3 ?

Réponse

Quelle est la fonction principale utilisée dans la Composition API pour définir la logique d'un composant ?

Réponse

Quelle est la différence principale entre ref() et reactive() ?

Réponse

Comment accéder à la valeur d'une ref dans la fonction setup() ?

Comment créer une propriété calculée (computed property) dans la Composition API ?

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)

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

TypeScript avec 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