Nuxt 的 useFetch / useAsyncData / $fetch 有什么区别?

// 组件内
const { data, pending, error, refresh } = await useFetch('/api/users')
// 等价
const { data } = useAsyncData('users', () => $fetch('/api/users'))

关键:useFetch/useAsyncData 在服务端会预取并随 HTML 注水(hydration),客户端不会重复请求,避免瀑布流;$fetch 纯客户端请求。

同分类其他题目