Stabilisation d'un watcher provoquant des appels API en boucle
السيناريو
Contexte : Vous reprenez un module Vue.js qui recharge automatiquement des données dès qu'un filtre change dans un tableau analytique interne. Le Problème : À chaque mise à jour des données récupérées, le watcher relance un nouvel appel API, créant une boucle infinie et surchargeant le backend. Contraintes : Vous devez conserver l'API Composition. Aucune librairie externe autorisée. La récupération doit rester asynchrone via fetch. Code actuel : <script setup> import { ref, watch } from 'vue'; const filter = ref('all'); const data = ref([]); watch(data, async () => { const res = await fetch(`/api/items?filter=${filter.value}`); data.value = await res.json(); }); </script> Livrable attendu : Corriger la logique du watcher afin d'éviter les appels en boucle tout en conservant un rechargement correct lors du changement du filtre.
المهارات المستهدفة
حالات تطبيقية أخرى في Vue.js
- Stabilisation d'une liste dynamique mal rendueأساسي
- Stabilisation d'un moteur de synchronisation temps réel avec WebSocketخبير
- Correction d'un champ contrôlé non synchroniséأساسي
- Conception d'un store global personnalisé sans Piniaخبير
- Correction d'un compteur réactif qui ne se met pas à jourأساسي
- Conception d'un système de synchronisation multi-ongletsخبير
أسئلة أصلية من تصميم CodeDuel. لا ترتبط CodeDuel بأي ناشر أو هيئة اعتماد مذكورة؛ أسماء الشهادات والعلامات التجارية مملوكة لأصحابها، ولا تُذكر إلا للإشارة إلى المجال الذي يغطيه الاختبار. الإبلاغ عن محتوى