Nuxt3 中 useFetch、useLazyFetch 的区别

弓明亮
2023-12-01

* useFetch 和 useLazyFetch 的区别:

* 1. 在服务端渲染的时候,这两个没差别

* 2. 在客户端渲染的时候(单页),useLazyFetch 相当于请求是数据是 suspense 的

* 而 useLazyFetch 一定要全部请求完毕,才进行路由内容的显示。

(↑↑↑,这个功能本质是通过 数据获取 | Vue Router 这个实现的)

* 看起来 useFetch 的使用场景会更多一些,除非一些特殊的场景

* useAsyncData 和 useAsyncLazyData 的区别和 fetch 一样

* 只是 useAsyncData 可以接受任何函数和逻辑,返回 Promise(提供了组合的功能)

 类似资料: