\n\n\n\nLivrable attendu : Corriger la gestion de la réactivité afin que la valeur s'actualise correctement dans le template lors des clics.","learningResourceType":"Practice problem","educationalLevel":"easy","teaches":"Vue.js","step":[{"@type":"HowToStep","text":"Analyse de l'énoncé et du code existant."},{"@type":"HowToStep","text":"Implémentation de la solution technique."},{"@type":"HowToStep","text":"Validation par tests unitaires et IA."}]}
Vue.js
Fondamental
Correction d'un compteur réactif qui ne se met pas à jour

Type d'évaluation

Mise en situation réelle

Analyse

Intelligence Artificielle

Compétences ciblées

vue
reactivite
compositionapi
frontend

Scénario Technique

Contexte : Vous reprenez un composant Vue.js utilisé dans un tableau de bord interne pour afficher un compteur de clics lors de démonstrations produit. Le Problème : Lorsque l'utilisateur clique sur le bouton, la valeur affichée ne change pas alors que la variable semble être modifiée dans le script. Contraintes : Vous devez conserver l'API Composition. Aucune librairie externe autorisée. Le composant doit rester simple et autonome. Code actuel : <script setup> let count = 0; function increment() { count++; } </script> <template> <div> <p>{{ count }}</p> <button @click="increment">Increment</button> </div> </template> Livrable attendu : Corriger la gestion de la réactivité afin que la valeur s'actualise correctement dans le template lors des clics.

Prêt à évaluer ce talent ?

Accédez à l'interface de test complète pour soumettre votre architecture ou votre code.

Commencer le Défis
    Vue.js - Correction d'un compteur réactif qui ne se met pas à jour | Test Technique & Recrutement