Vue · Senior · Question 57 of 75

Why does Nuxt warn against calling `$fetch` directly in `<script setup>` for page data?

✓Correct answer: It runs on the server and again in the browser during hydration; useFetch/useAsyncData transfer the result in the payload
2$fetch doesn't work on the server
3$fetch doesn't support JSON

Explanation

Double fetching wastes requests and can cause hydration mismatches. $fetch is fine in event handlers.

Further reading

Nuxt: Data Fetching ↗

Test yourself

Take the Vue · Senior quiz: questions and options are shuffled, and you get a review of your mistakes at the end.