# Nuxt-grondbeginselen (Vue.js / Nuxt.js) > Nuxt-structuur, pages-directory, automatische routing, layouts, app.vue, server-directory, nuxt.config - 22 gespreksvragen - Mid-Level - [Gespreksvragen: Vue.js / Nuxt.js](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen.md) ## 1. Wat is de minimaal vereiste structuur voor een Nuxt 3-applicatie? **Antwoord** Een Nuxt 3-applicatie vereist alleen een app.vue-bestand of een pages/-directory in de projectroot. Als app.vue bestaat zonder een pages/-map, maakt Nuxt een applicatie zonder Vue Router. Als pages/ bestaat, schakelt Nuxt automatisch file-based routing in en vereist het in app.vue om routes weer te geven. ## 2. Hoe werkt automatische routing in de pages/-directory? **Antwoord** De pages/-directory van Nuxt gebruikt file-based routing: elk .vue-bestand maakt automatisch een bijbehorende route aan. Bijvoorbeeld: pages/index.vue wordt de route '/', pages/about.vue wordt '/about', en pages/blog/[id].vue maakt een dynamische route '/blog/:id'. Deze aanpak maakt handmatige routerconfiguratie overbodig. ## 3. Wat is de rol van het -component in app.vue? **Antwoord** Het -component is een outlet die de inhoud van de actieve pagina weergeeft op basis van de huidige route. Het is verplicht in app.vue wanneer de pages/-directory bestaat. Zonder worden routes niet weergegeven. Het is het equivalent van in de standaard Vue Router, maar aangepast voor Nuxt. ## Nog 19 vragen beschikbaar - Hoe pas je een specifieke layout toe op een pagina in Nuxt 3? - Wat is het verschil tussen het gebruik van in app.vue en het niet gebruiken ervan? 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 - [Data Fetching in Nuxt](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/nuxt-data-fetching.md): 20 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-fundamentals