Question 1

Qu'est-ce que v-model dans Vue ?

Accepted Answer

v-model crée une liaison bidirectionnelle (two-way binding) entre un élément de formulaire et une donnée réactive. Il synchronise automatiquement la valeur de l'input avec la variable associée, évitant ainsi d'écrire manuellement le binding de valeur et l'écouteur d'événement. Cette directive est le moyen standard de gérer les formulaires dans Vue.

Question 2

Quel est l'équivalent de v-model en utilisant v-bind et un écouteur d'événement ?

Accepted Answer

v-model est un raccourci syntaxique pour la combinaison de v-bind:value (ou :value) qui lie la valeur et @input qui écoute les changements. Cette combinaison permet de comprendre le fonctionnement interne de v-model et est utile quand un contrôle plus fin sur la mise à jour est nécessaire.

Question 3

Quel modificateur de v-model utiliser pour synchroniser la valeur uniquement après que l'utilisateur quitte le champ ?

Accepted Answer

Le modificateur .lazy transforme le comportement de v-model pour écouter l'événement change au lieu de input. La synchronisation se fait donc au blur plutôt qu'à chaque frappe. Cela est utile pour réduire les mises à jour fréquentes et améliorer les performances sur des champs avec validation coûteuse.

Formulaires & Validation Vue

Qu'est-ce que v-model dans Vue ?

Réponse

Quel est l'équivalent de v-model en utilisant v-bind et un écouteur d'événement ?

Réponse

Quel modificateur de v-model utiliser pour synchroniser la valeur uniquement après que l'utilisateur quitte le champ ?

Réponse

Quel modificateur de v-model permet de convertir automatiquement la saisie en nombre ?

Comment v-model fonctionne-t-il avec une checkbox unique ?

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

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