Question 1

Qu'est-ce qu'un composant Vue ?

Accepted Answer

Un composant Vue est une instance Vue réutilisable avec un nom. Il encapsule HTML, CSS et JavaScript dans une unité logique indépendante. Les composants permettent de diviser l'interface utilisateur en morceaux réutilisables et maintenables. Chaque composant possède son propre template, sa logique et ses styles, facilitant ainsi l'organisation du code et la réutilisabilité.

Question 2

Comment déclarer des props dans un composant Vue 3 avec script setup ?

Accepted Answer

Dans Vue 3 avec script setup, defineProps() est une macro de compilation qui permet de déclarer les props sans import explicite. Cette macro génère automatiquement le code nécessaire et expose les props au template. Elle supporte la validation de types TypeScript et JavaScript, rendant le code plus concis et type-safe que l'approche Options API.

Question 3

Quelle est la fonction du hook onMounted() dans le lifecycle d'un composant ?

Accepted Answer

Le hook onMounted() s'exécute après que le composant a été monté dans le DOM. C'est le moment idéal pour effectuer des opérations qui nécessitent l'accès au DOM, comme initialiser des bibliothèques tierces, récupérer des données via API, ou manipuler directement des éléments DOM. À ce stade, le template est rendu et les refs sont accessibles.

Composants Vue

Qu'est-ce qu'un composant Vue ?

Réponse

Comment déclarer des props dans un composant Vue 3 avec script setup ?

Réponse

Quelle est la fonction du hook onMounted() dans le lifecycle d'un composant ?

Réponse

Comment un composant enfant émet-il un événement vers son composant parent ?

À quoi servent les slots dans un composant Vue ?

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

Fondamentaux JavaScript

JavaScript moderne (ES6+)

Les bases de 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

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