Question 1

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

Accepted Answer

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.

Question 2

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

Accepted Answer

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.

Question 3

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

Accepted Answer

$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.

Data Fetching in Nuxt

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

Risposta

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

Risposta

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

Risposta

Come abilitare il lazy fetching con useFetch o useAsyncData?

Come gestire gli errori durante il data fetching con useFetch?

Altri argomenti di colloquio Vue.js / Nuxt.js

Fondamenti di JavaScript

JavaScript moderno (ES6+)

Fondamenti di Vue

Componenti Vue

Vue Router

Pinia State Management

Vuex (Legacy)

Composition API

Reattività di Vue

Fondamenti di Nuxt

SSR e SSG in Nuxt

Route server Nuxt

Moduli Nuxt

Composables di Vue

Form e validazione Vue

Gestione dello stato in Nuxt

Testing in Vue

Deployment di Nuxt e CI/CD

Prestazioni di Vue

Pattern avanzati di Vue

TypeScript con Vue

Autenticazione Nuxt

SEO con Nuxt

Internazionalizzazione in Nuxt

Architettura Vue

Sicurezza Nuxt

Ecosistema Vue

Migrazione Vue 2→3 e Nuxt 2→3

Padroneggia Vue.js / Nuxt.js per il tuo prossimo colloquio