Question 1

Quel est le rôle principal de provide/inject dans Vue 3 ?

Accepted Answer

Provide/inject permet de transmettre des données d'un composant parent à n'importe quel composant descendant sans passer par les props à chaque niveau intermédiaire. Cela évite le 'props drilling' où il faut passer des props à travers plusieurs niveaux de composants qui n'en ont pas besoin. Particulièrement utile pour partager des données globales comme la configuration d'un thème ou l'état d'authentification.

Question 2

Comment déclarer une valeur avec provide dans un composant utilisant la Composition API ?

Accepted Answer

Dans la Composition API, utiliser la fonction provide avec deux arguments : une clé (string ou Symbol) et la valeur à fournir. Par exemple dans setup. Cette valeur sera accessible aux composants descendants via inject. Utiliser des Symbols comme clés garantit l'unicité et évite les collisions de noms.

Question 3

Quelle est la fonction principale de la directive Teleport dans Vue 3 ?

Accepted Answer

Teleport permet de rendre le contenu d'un composant dans un nœud DOM différent de sa position dans l'arbre de composants Vue. Typiquement utilisé pour les modales, tooltips et notifications qui doivent être rendues à la racine du document pour éviter les problèmes de z-index et de positionnement CSS. Le composant conserve son contexte Vue et peut accéder aux données du parent.

Patterns avancés Vue

Quel est le rôle principal de provide/inject dans Vue 3 ?

Réponse

Comment déclarer une valeur avec provide dans un composant utilisant la Composition API ?

Réponse

Quelle est la fonction principale de la directive Teleport dans Vue 3 ?

Réponse

Quel attribut est requis pour utiliser Teleport dans Vue 3 ?

Qu'est-ce qu'une directive personnalisée (custom directive) dans Vue ?

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

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