# Data Fetching in Nuxt (Vue.js / Nuxt.js) > useFetch, useAsyncData, $fetch, lazy fetching, error handling, refresh, data caching - 20 gespreksvragen - Mid-Level - [Gespreksvragen: Vue.js / Nuxt.js](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen.md) ## 1. Wat is het belangrijkste verschil tussen useFetch en useAsyncData in Nuxt? **Antwoord** useFetch is een wrapper rond useAsyncData en $fetch die veelvoorkomende API-aanroepen vereenvoudigt. Het verzorgt automatisch de URL-constructie en accepteert een URL direct als eerste argument, terwijl useAsyncData een unieke sleutel en een aangepaste fetcher-functie vereist. Gebruik useFetch voor eenvoudige API-aanroepen en useAsyncData voor complexe fetching-logica. ## 2. Waarom wordt het aanbevolen om altijd een unieke key op te geven bij het gebruik van useAsyncData? **Antwoord** De unieke key stelt Nuxt in staat om verzoeken tussen server en client tijdens SSR-hydratie te identificeren en te dedupliceren. Zonder een unieke key zouden gegevens onnodig opnieuw kunnen worden opgehaald op de client na server-rendering, of zouden caching-conflicten kunnen optreden. De key dient ook voor caching en state-beheer. ## 3. Wat is het verschil tussen $fetch en useFetch in Nuxt? **Antwoord** $fetch is een hulpfunctie die eenvoudige HTTP-verzoeken uitvoert zonder state-beheer of reactiviteit, vergelijkbaar met de native fetch maar met Nuxt-verbeteringen. useFetch is een composable die reactieve refs (data, pending, error) retourneert en SSR-hydratie afhandelt. Gebruik $fetch voor imperatieve aanroepen in event handlers en useFetch voor declaratief fetchen in componenten. ## Nog 17 vragen beschikbaar - Hoe schakel je lazy fetching in met useFetch of useAsyncData? - Hoe handel je fouten af tijdens data fetching met useFetch? Meld je gratis aan: https://sharpskill.dev/nl/login ## Andere Vue.js / Nuxt.js-sollicitatieonderwerpen - [JavaScript-grondbeginselen](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/javascript-fundamentals.md): 20 vragen, Junior - [Modern JavaScript (ES6+)](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/es6-modern-javascript.md): 20 vragen, Junior - [Vue-basisbeginselen](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/vue-basics.md): 22 vragen, Junior - [Vue-componenten](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/vue-components.md): 20 vragen, Junior - [Vue Router](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/vue-router.md): 18 vragen, Junior - [Pinia State Management](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/pinia-state-management.md): 20 vragen, Junior - [Vuex (Legacy)](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/vuex-legacy.md): 15 vragen, Mid-Level - [Composition API](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/composition-api.md): 24 vragen, Mid-Level - [Vue-reactiviteit](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/vue-reactivity.md): 20 vragen, Mid-Level - [Nuxt-grondbeginselen](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/nuxt-fundamentals.md): 22 vragen, Mid-Level - [Nuxt SSR & SSG](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/nuxt-ssr-ssg.md): 22 vragen, Mid-Level - [Nuxt Server Routes](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/nuxt-server-routes.md): 20 vragen, Mid-Level - [Nuxt-modules](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/nuxt-modules.md): 18 vragen, Mid-Level - [Vue Composables](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/vue-composables.md): 20 vragen, Mid-Level - [Vue formulieren & validatie](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/vue-forms-validation.md): 20 vragen, Mid-Level - [Nuxt-statusbeheer](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/nuxt-state-management.md): 18 vragen, Mid-Level - [Vue Testing](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/vue-testing.md): 20 vragen, Mid-Level - [Nuxt-deployment & CI/CD](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/nuxt-deployment-cicd.md): 22 vragen, Mid-Level - [Vue-prestaties](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/vue-performance.md): 22 vragen, Senior - [Geavanceerde Vue-patronen](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/vue-advanced-patterns.md): 24 vragen, Senior - [TypeScript met Vue](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/typescript-vue.md): 22 vragen, Senior - [Nuxt-authenticatie](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/nuxt-auth.md): 20 vragen, Senior - [SEO met Nuxt](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/nuxt-seo.md): 20 vragen, Senior - [Nuxt-internationalisatie](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/nuxt-i18n.md): 18 vragen, Senior - [Vue-architectuur](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/vue-architecture.md): 22 vragen, Senior - [Nuxt-beveiliging](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/nuxt-security.md): 20 vragen, Senior - [Vue-ecosysteem](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/vue-ecosystem.md): 18 vragen, Senior - [Migratie Vue 2→3 & Nuxt 2→3](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/migration-vue2-vue3-nuxt2-nuxt3.md): 22 vragen, Senior --- Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack. HTML version of this page: https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/nuxt-data-fetching