Composable-ul useAsyncData() în Nuxt 3 în Vue.js & Nuxt

Ce este useAsyncData() în Nuxt 3

Composable-ul useAsyncData() este instrumentul de bază peste care este construit useFetch(). Îl utilizați atunci când doriți să executați o funcție asincronă oarecare (de exemplu o interogare dintr-un SDK de bază de date, apeluri multiple paralele sau procesare de date) și doriți ca rezultatul să fie serializat între server și browser fără a se rula de două ori.

<script setup>
const { data: dateConsolidate } = await useAsyncData('dashboard-combinat', async () => {
    const [utilizatori, statistici] = await Promise.all([
        $fetch('/api/utilizatori'),
        $fetch('/api/statistici')
    ]);
    return { utilizatori, statistici };
});
</script>