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

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

- 20 questions d'entretien
- Confirmé
- [Questions d'entretien: Vue.js / Nuxt.js](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien.md)

## 1. Quelle est la différence principale entre useFetch et useAsyncData dans Nuxt ?

**Réponse**

useFetch est un wrapper autour de useAsyncData et $fetch qui simplifie les appels API courants. Il gère automatiquement la construction de l'URL et accepte directement une URL comme premier argument, tandis que useAsyncData nécessite une clé unique et une fonction fetcher personnalisée. Utiliser useFetch pour les appels API simples, useAsyncData pour des logiques de fetching complexes.

## 2. Pourquoi est-il recommandé de toujours fournir une clé unique lors de l'utilisation de useAsyncData ?

**Réponse**

La clé unique permet à Nuxt d'identifier et de dédupliquer les requêtes entre le serveur et le client lors de l'hydratation SSR. Sans clé unique, les données pourraient être re-fetchées inutilement côté client après le rendu serveur, ou des conflits de cache pourraient survenir. La clé sert également pour le caching et la gestion du state.

## 3. Quelle est la différence entre $fetch et useFetch dans Nuxt ?

**Réponse**

$fetch est une fonction utilitaire qui effectue des requêtes HTTP simples sans gestion de state ni réactivité, similaire à fetch natif mais avec des améliorations Nuxt. useFetch est un composable qui retourne des refs réactives (data, pending, error) et gère l'hydratation SSR. Utiliser $fetch pour des appels impératifs dans des event handlers, useFetch pour du fetching déclaratif dans les composants.

## 17 questions supplémentaires disponibles

- Comment activer le lazy fetching avec useFetch ou useAsyncData ?
- Comment gérer les erreurs lors du data fetching avec useFetch ?

S'inscrire gratuitement: https://sharpskill.dev/fr/login

## Autres sujets d'entretien Vue.js / Nuxt.js

- [Fondamentaux JavaScript](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/javascript-fundamentals.md): 20 questions, Junior
- [JavaScript moderne (ES6+)](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/es6-modern-javascript.md): 20 questions, Junior
- [Les bases de Vue](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/vue-basics.md): 22 questions, Junior
- [Composants Vue](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/vue-components.md): 20 questions, Junior
- [Vue Router](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/vue-router.md): 18 questions, Junior
- [Pinia State Management](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/pinia-state-management.md): 20 questions, Junior
- [Vuex (Legacy)](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/vuex-legacy.md): 15 questions, Confirmé
- [Composition API](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/composition-api.md): 24 questions, Confirmé
- [Réactivité Vue](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/vue-reactivity.md): 20 questions, Confirmé
- [Fondamentaux Nuxt](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/nuxt-fundamentals.md): 22 questions, Confirmé
- [SSR & SSG Nuxt](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/nuxt-ssr-ssg.md): 22 questions, Confirmé
- [Server Routes Nuxt](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/nuxt-server-routes.md): 20 questions, Confirmé
- [Modules Nuxt](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/nuxt-modules.md): 18 questions, Confirmé
- [Composables Vue](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/vue-composables.md): 20 questions, Confirmé
- [Formulaires & Validation Vue](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/vue-forms-validation.md): 20 questions, Confirmé
- [Gestion d'état Nuxt](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/nuxt-state-management.md): 18 questions, Confirmé
- [Testing Vue](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/vue-testing.md): 20 questions, Confirmé
- [Déploiement Nuxt & CI/CD](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/nuxt-deployment-cicd.md): 22 questions, Confirmé
- [Performance Vue](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/vue-performance.md): 22 questions, Senior
- [Patterns avancés Vue](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/vue-advanced-patterns.md): 24 questions, Senior
- [TypeScript avec Vue](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/typescript-vue.md): 22 questions, Senior
- [Authentification Nuxt](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/nuxt-auth.md): 20 questions, Senior
- [SEO avec Nuxt](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/nuxt-seo.md): 20 questions, Senior
- [Internationalisation Nuxt](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/nuxt-i18n.md): 18 questions, Senior
- [Architecture Vue](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/vue-architecture.md): 22 questions, Senior
- [Sécurité Nuxt](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/nuxt-security.md): 20 questions, Senior
- [Écosystème Vue](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/vue-ecosystem.md): 18 questions, Senior
- [Migration Vue 2→3 & Nuxt 2→3](https://sharpskill.dev/fr/technologies/vue-nuxt/questions-entretien/migration-vue2-vue3-nuxt2-nuxt3.md): 22 questions, Senior

---

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