{{ fullName }}
\n\n\nTransformer la logique afin que le nom complet soit réactif et mis à jour automatiquement.","learningResourceType":"Practice problem","educationalLevel":"easy","teaches":["vue","computed","reactivite","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/hfNcwdKk3QmYfV60aQKF","inLanguage":"ar"}Correction d'un computed mal défini
السيناريو
Contexte : Une application affiche le prénom et le nom d'un utilisateur et doit générer automatiquement le nom complet. Le Problème : Le nom complet ne se met pas à jour lorsque l'un des champs change. Contraintes : Utiliser computed. Aucune librairie externe. Code actuel : <script setup> import { ref } from 'vue'; const firstName = ref("John"); const lastName = ref("Doe"); function fullName() { return firstName.value + " " + lastName.value; } </script> <template> <p>{{ fullName }}</p> </template> Livrable attendu : Transformer la logique afin que le nom complet soit réactif et mis à jour automatiquement.
المهارات المستهدفة
حالات تطبيقية أخرى في Vue.js
- Correction d'un problème de props non réactivesمتقدم
- Correction d'un système de cache local incohérentخبير
- Gestion avancée d'événements entre composants parent et enfantمتقدم
- Correction d'une condition de concurrence dans un composable asynchroneخبير
- Implémentation d'un composable personnalisé de gestion APIمتقدم
- Implémentation d'un système de virtualisation de liste volumineuseخبير
أسئلة أصلية من تصميم CodeDuel. لا ترتبط CodeDuel بأي ناشر أو هيئة اعتماد مذكورة؛ أسماء الشهادات والعلامات التجارية مملوكة لأصحابها، ولا تُذكر إلا للإشارة إلى المجال الذي يغطيه الاختبار. الإبلاغ عن محتوى
