Nuxt/docs/content/1.docs/4.examples/3.composables/use-async-data.md

toc
false

useAsyncData

This example shows how to use useAsyncData to fetch data from an API endpoint.

::alert{type=info icon=💡} Nuxt will automatically read files in the ~/server/api directory to create API endpoints. ::

::ReadMore{link="/docs/api/composables/use-async-data"} ::

::ReadMore{link="/docs/getting-started/data-fetching"} ::

::sandbox{repo="nuxt/nuxt" branch="main" dir="examples/composables/use-async-data" file="app.vue"} ::