\n\nLivrable attendu : Corriger la gestion de l'objet réactif afin que chaque champ mette à jour uniquement sa propriété sans écraser les autres.","learningResourceType":"Practice problem","educationalLevel":"medium","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
Avancé
Correction d'un formulaire complexe avec objet réactif mal fusionné

Type d'évaluation

Mise en situation réelle

Analyse

Intelligence Artificielle

Compétences ciblées

vue
reactive
formulaire
state
compositionapi

Scénario Technique

Contexte : Une application interne permet de créer des profils utilisateurs via un formulaire multi-champs. Le Problème : Lors de la modification d'un champ, les autres propriétés de l'objet formulaire disparaissent. Contraintes : Vous devez conserver un seul objet réactif pour le formulaire. Aucune librairie externe. Code actuel : <script setup> import { reactive } from 'vue'; const form = reactive({ name: '', email: '' }); function updateField(e) { form = { [e.target.name]: e.target.value }; } </script> Livrable attendu : Corriger la gestion de l'objet réactif afin que chaque champ mette à jour uniquement sa propriété sans écraser les autres.

Prêt à évaluer ce talent ?

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

Commencer le Défis