# Data Fetching in Nuxt (Vue.js / Nuxt.js)

> useFetch, useAsyncData, $fetch, lazy fetching, error handling, refresh, data caching

- 20 domande da colloquio
- Mid-Level
- [Domande da colloquio: Vue.js / Nuxt.js](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio.md)

## 1. Qual è la differenza principale tra useFetch e useAsyncData in Nuxt?

**Risposta**

useFetch è un wrapper attorno a useAsyncData e $fetch che semplifica le chiamate API comuni. Gestisce automaticamente la costruzione dell'URL e accetta direttamente un URL come primo argomento, mentre useAsyncData richiede una chiave univoca e una funzione fetcher personalizzata. Usa useFetch per chiamate API semplici e useAsyncData per logiche di fetching complesse.

## 2. Perché è consigliato fornire sempre una chiave univoca quando si usa useAsyncData?

**Risposta**

La chiave univoca consente a Nuxt di identificare e deduplicare le richieste tra server e client durante l'idratazione SSR. Senza una chiave univoca, i dati potrebbero essere nuovamente recuperati inutilmente sul client dopo il rendering del server, oppure potrebbero verificarsi conflitti di caching. La chiave serve anche per il caching e la gestione dello state.

## 3. Qual è la differenza tra $fetch e useFetch in Nuxt?

**Risposta**

$fetch è una funzione di utilità che esegue semplici richieste HTTP senza gestione dello state né reattività, simile al fetch nativo ma con miglioramenti di Nuxt. useFetch è un composable che restituisce ref reattive (data, pending, error) e gestisce l'idratazione SSR. Usa $fetch per chiamate imperative negli event handler e useFetch per il fetching dichiarativo nei componenti.

## Altre 17 domande disponibili

- Come abilitare il lazy fetching con useFetch o useAsyncData?
- Come gestire gli errori durante il data fetching con useFetch?

Registrati gratis: https://sharpskill.dev/it/login

## Altri argomenti di colloquio Vue.js / Nuxt.js

- [Fondamenti di JavaScript](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/javascript-fundamentals.md): 20 domande, Junior
- [JavaScript moderno (ES6+)](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/es6-modern-javascript.md): 20 domande, Junior
- [Fondamenti di Vue](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/vue-basics.md): 22 domande, Junior
- [Componenti Vue](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/vue-components.md): 20 domande, Junior
- [Vue Router](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/vue-router.md): 18 domande, Junior
- [Pinia State Management](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/pinia-state-management.md): 20 domande, Junior
- [Vuex (Legacy)](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/vuex-legacy.md): 15 domande, Mid-Level
- [Composition API](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/composition-api.md): 24 domande, Mid-Level
- [Reattività di Vue](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/vue-reactivity.md): 20 domande, Mid-Level
- [Fondamenti di Nuxt](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/nuxt-fundamentals.md): 22 domande, Mid-Level
- [SSR e SSG in Nuxt](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/nuxt-ssr-ssg.md): 22 domande, Mid-Level
- [Route server Nuxt](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/nuxt-server-routes.md): 20 domande, Mid-Level
- [Moduli Nuxt](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/nuxt-modules.md): 18 domande, Mid-Level
- [Composables di Vue](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/vue-composables.md): 20 domande, Mid-Level
- [Form e validazione Vue](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/vue-forms-validation.md): 20 domande, Mid-Level
- [Gestione dello stato in Nuxt](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/nuxt-state-management.md): 18 domande, Mid-Level
- [Testing in Vue](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/vue-testing.md): 20 domande, Mid-Level
- [Deployment di Nuxt e CI/CD](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/nuxt-deployment-cicd.md): 22 domande, Mid-Level
- [Prestazioni di Vue](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/vue-performance.md): 22 domande, Senior
- [Pattern avanzati di Vue](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/vue-advanced-patterns.md): 24 domande, Senior
- [TypeScript con Vue](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/typescript-vue.md): 22 domande, Senior
- [Autenticazione Nuxt](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/nuxt-auth.md): 20 domande, Senior
- [SEO con Nuxt](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/nuxt-seo.md): 20 domande, Senior
- [Internazionalizzazione in Nuxt](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/nuxt-i18n.md): 18 domande, Senior
- [Architettura Vue](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/vue-architecture.md): 22 domande, Senior
- [Sicurezza Nuxt](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/nuxt-security.md): 20 domande, Senior
- [Ecosistema Vue](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/vue-ecosystem.md): 18 domande, Senior
- [Migrazione Vue 2→3 e Nuxt 2→3](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/migration-vue2-vue3-nuxt2-nuxt3.md): 22 domande, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/nuxt-data-fetching