4.14-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》数据获取

《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》全文电子档将分章节陆续在“nuxt”微信订阅号原创发布，敬请关注。如果您等不及，急切提前阅读和实操，可以在订阅号中有偿获取完整电子教程和后续持续更新版本。

本教程配套示例在线预览网址：https://www.dvtop.cn

Nuxt3数据获取方法有3类5种方法，各种方法各有优劣，各有关系。

方法	分类	关系
$fetch	Utils	同Axios工具类似；$fetch是Nuxt3官方提供的数据获取工具。最底层实现，不推荐使用。
useAsyncData	Composables	使用$fetch进行数据获取，扩展唯一key等属性功能。 key为自动或人为提供，在并发时相同的key会不再请求。
useLazyAsyncData	Composables	是useAsyncData的参数lazy为true时的封装。 为异常请求，不要在方法前使用await，但要watch数据。
useFetch	Composables	是useAsyncData和$fetch的封装，推荐使用。 key为自动或人为提供，在并发时相同的key会不再请求。
useLazyFetch	Composables	是useFetch的参数lazy为true时的封装，推荐使用。 为异常请求，不要在方法前使用await，但要watch数据。

Nuxt3数据获取的3类方法使用在以下3节中讲解，实现同样功能点的关键代码抽取出到下表比较。

获取API数据的关键代码

方法：$fetch