Bienvenue
\n\n\nCorriger la condition afin que le rendu conditionnel fonctionne correctement avec la valeur réactive.","learningResourceType":"Practice problem","educationalLevel":"easy","teaches":["vue","vif","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/Ngm9UjBY4M5EJCdwqsJt","inLanguage":"ar"}Vue.jsأساسي
Correction d'un rendu conditionnel mal utilisé
السيناريو
Contexte : Une application doit afficher un message uniquement si l'utilisateur est connecté. Le Problème : Le message s'affiche toujours, quelle que soit la valeur de la variable. Contraintes : Utiliser correctement v-if. Aucune dépendance externe. Code actuel : <script setup> import { ref } from 'vue'; const isLogged = ref(false); </script> <template> <p v-if="isLogged">Bienvenue</p> </template> Livrable attendu : Corriger la condition afin que le rendu conditionnel fonctionne correctement avec la valeur réactive.
المهارات المستهدفة
vuevifreactivitefrontend
حالات تطبيقية أخرى في Vue.js
- 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خبير
- Implémentation d'un système de gestion de thème avec provide/injectمتقدم
- Mise en place d'un système de gestion de permissions granulaireخبير
أسئلة أصلية من تصميم CodeDuel. لا ترتبط CodeDuel بأي ناشر أو هيئة اعتماد مذكورة؛ أسماء الشهادات والعلامات التجارية مملوكة لأصحابها، ولا تُذكر إلا للإشارة إلى المجال الذي يغطيه الاختبار. الإبلاغ عن محتوى
