\n\nCorriger la gestion des props afin de respecter les bonnes pratiques et garantir la réactivité.","learningResourceType":"Practice problem","educationalLevel":"medium","teaches":["vue","props","reactivite","compositionapi","frontend"],"programmingLanguage":"Vue.js","provider":{"@type":"Organization","name":"CodeDuel","url":"https://codeduel.net"},"step":[{"@type":"HowToStep","text":"تحليل المطلوب والعناصر الموجودة."},{"@type":"HowToStep","text":"تنفيذ الحل."},{"@type":"HowToStep","text":"التحقق عبر الاختبارات والذكاء الاصطناعي."}],"url":"https://codeduel.net/ar/challenges/PJdxrGzJY8M6sAU4jKPS","inLanguage":"ar"}
Vue.jsمتقدم

Correction d'un problème de props non réactives

السيناريو

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é.

المهارات المستهدفة

vuepropsreactivitecompositionapifrontend

حالات تطبيقية أخرى في ⁨Vue.js⁩

عرض كل الحالات التطبيقية في ⁨Vue.js⁩

أسئلة أصلية من تصميم CodeDuel. لا ترتبط CodeDuel بأي ناشر أو هيئة اعتماد مذكورة؛ أسماء الشهادات والعلامات التجارية مملوكة لأصحابها، ولا تُذكر إلا للإشارة إلى المجال الذي يغطيه الاختبار. الإبلاغ عن محتوى