Nuxt-grondbeginselen
Nuxt-structuur, pages-directory, automatische routing, layouts, app.vue, server-directory, nuxt.config
1Wat is de minimaal vereiste structuur voor een Nuxt 3-applicatie?
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 <NuxtPage /> in app.vue om routes weer te geven.
2Hoe werkt automatische routing in de pages/-directory?
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.
3Wat is de rol van het <NuxtPage />-component in app.vue?
Wat is de rol van het <NuxtPage />-component in app.vue?
Antwoord
Het <NuxtPage />-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 <NuxtPage /> worden routes niet weergegeven. Het is het equivalent van <router-view /> in de standaard Vue Router, maar aangepast voor Nuxt.
Hoe pas je een specifieke layout toe op een pagina in Nuxt 3?
Wat is het verschil tussen het gebruik van <NuxtLayout> in app.vue en het niet gebruiken ervan?
+19 gespreksvragen
Andere Vue.js / Nuxt.js-sollicitatieonderwerpen
JavaScript-grondbeginselen
Modern JavaScript (ES6+)
Vue-basisbeginselen
Vue-componenten
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
Vue-reactiviteit
Data Fetching in Nuxt
Nuxt SSR & SSG
Nuxt Server Routes
Nuxt-modules
Vue Composables
Vue formulieren & validatie
Nuxt-statusbeheer
Vue Testing
Nuxt-deployment & CI/CD
Vue-prestaties
Geavanceerde Vue-patronen
TypeScript met Vue
Nuxt-authenticatie
SEO met Nuxt
Nuxt-internationalisatie
Vue-architectuur
Nuxt-beveiliging
Vue-ecosysteem
Migratie Vue 2→3 & Nuxt 2→3
Beheers Vue.js / Nuxt.js voor je volgende gesprek
Krijg toegang tot alle vragen, flashcards, technische tests, code review-oefeningen en gespreksimulatoren.
Begin gratis