Vue.js
Avancé
Correction d'un problème de props non réactives
Type d'évaluation
Mise en situation réelle
Analyse
Intelligence Artificielle
Compétences ciblées
vue
props
reactivite
compositionapi
frontend
Scénario Technique
Contexte : Un composant enfant reçoit une liste d'éléments via props pour affichage dans un tableau. Le Problème : Lorsque la liste est modifiée dans le parent, le composant enfant ne reflète pas les changements. Contraintes : Utiliser correctement defineProps et éviter la mutation directe des props. Code actuel : <script setup> const props = defineProps({ items: Array }); props.items.push({ id: 3, name: 'New' }); </script> Livrable attendu : Corriger la gestion des props afin de respecter les bonnes pratiques et garantir la réactivité.
Prêt à évaluer ce talent ?
Accédez à l'interface de test complète pour soumettre votre architecture ou votre code.