Correction d'une condition de concurrence dans un composable asynchrone
السيناريو
Contexte : Un composable useFetch est utilisé pour charger des données selon un paramètre dynamique dans plusieurs composants. Le Problème : Lorsque le paramètre change rapidement, des réponses obsolètes écrasent les données les plus récentes. Contraintes : Vous devez corriger la condition de concurrence sans librairie externe. Code actuel : <script> import { ref, watch } from 'vue'; export function useFetch(url) { const data = ref(null); watch(url, async (newUrl) => { const res = await fetch(newUrl); data.value = await res.json(); }); return { data }; } </script> Livrable attendu : Mettre en place un mécanisme empêchant les réponses obsolètes d'écraser l'état courant.
المهارات المستهدفة
حالات تطبيقية أخرى في Vue.js
- Correction d'un rendu conditionnel mal utiliséأساسي
- Gestion avancée d'événements entre composants parent et enfantمتقدم
- Création d'un composant Toggle réutilisableأساسي
- Implémentation d'un composable personnalisé de gestion APIمتقدم
- Création d'un système simple de filtrage en temps réelأساسي
- Implémentation d'un système de gestion de thème avec provide/injectمتقدم
أسئلة أصلية من تصميم CodeDuel. لا ترتبط CodeDuel بأي ناشر أو هيئة اعتماد مذكورة؛ أسماء الشهادات والعلامات التجارية مملوكة لأصحابها، ولا تُذكر إلا للإشارة إلى المجال الذي يغطيه الاختبار. الإبلاغ عن محتوى