---
title: "数据获取"
description: "此示例演示了使用 Nuxt 内置组合式函数和 API 路由进行数据获取。"
canonical_url: "https://nuxt.zhcndoc.com/docs/examples/features/data-fetching"
---
# 数据获取

> 此示例演示了使用 Nuxt 内置组合式函数和 API 路由进行数据获取。

::code-explorer{path="examples/features/data-fetching" default-value="pages/index.vue"}
::

::browser{src="https://data-fetching.example.nuxt.space"}
::

::read-more{to="https://nuxt.zhcndoc.com/docs/getting-started/data-fetching"}
::

::read-more{to="https://nuxt.zhcndoc.com/docs/guide/directory-structure/server"}
::

---

- [源码](https://github.com/nuxt/examples/tree/main/examples/features/data-fetching)


## Sitemap

See the full [sitemap](https://nuxt.zhcndoc.com/sitemap.md) for all pages.