Question 1

Qu'est-ce que le système de réactivité de Vue ?

Accepted Answer

Le système de réactivité de Vue permet de détecter automatiquement les changements dans les données et de mettre à jour le DOM en conséquence. Il repose sur des Proxies JavaScript qui interceptent les accès et modifications des propriétés. Ce système garantit que l'interface utilisateur reste synchronisée avec l'état de l'application sans intervention manuelle.

Question 2

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

Accepted Answer

ref() crée une référence réactive pour une valeur primitive ou objet, accessible via .value, tandis que reactive() crée un proxy réactif d'un objet sans nécessiter .value pour accéder aux propriétés. ref() est universel (primitives + objets) et idéal pour les valeurs simples, tandis que reactive() est optimisé pour les objets mais ne fonctionne pas avec les primitives. En pratique, ref() est souvent préféré car il fonctionne avec tous les types.

Question 3

Comment accéder à la valeur d'un ref dans le template vs dans le script ?

Accepted Answer

Dans le template, Vue dépaquette automatiquement les refs, permettant l'accès direct sans .value (ex: {{ count }}). Dans le script, il faut utiliser .value pour lire ou modifier la valeur du ref (ex: count.value++). Ce comportement automatique dans le template simplifie l'écriture du code tout en maintenant un contrôle explicite dans la logique JavaScript.

Réactivité Vue

Qu'est-ce que le système de réactivité de Vue ?

Réponse

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

Réponse

Comment accéder à la valeur d'un ref dans le template vs dans le script ?

Réponse

Que se passe-t-il si on déstructure un objet reactive() ?

À quoi sert toRefs() 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

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