Migratie Vue 2→3 & Nuxt 2→3
Van Options API naar Composition API, van Vuex naar Pinia, van asyncData/fetch naar useFetch, breaking changes, migratiestrategieën, nuxtServerInit-deprecatie
1Wat is het belangrijkste architecturale verschil tussen de Options API van Vue 2 en de Composition API van Vue 3?
Wat is het belangrijkste architecturale verschil tussen de Options API van Vue 2 en de Composition API van Vue 3?
Antwoord
De Composition API organiseert code op basis van logische samenhang in plaats van per optietype, waardoor gerelateerde code samen kan worden gegroepeerd. Deze aanpak verbetert de leesbaarheid en onderhoudbaarheid van complexe componenten, in tegenstelling tot de Options API die data, methods en computed properties scheidt. De Composition API maakt logica-hergebruik ook eenvoudiger via composables en vervangt zo effectief mixins, die naamconflicten konden veroorzaken.
2Welke belangrijke verandering introduceerde Nuxt 3 met betrekking tot auto-imports vergeleken met Nuxt 2?
Welke belangrijke verandering introduceerde Nuxt 3 met betrekking tot auto-imports vergeleken met Nuxt 2?
Antwoord
Nuxt 3 schakelt auto-imports standaard in voor composables, componenten en framework-utilities, waardoor handmatige imports overbodig worden. Deze functie verbetert de developer experience en vermindert boilerplate-code. Nuxt 2 vereiste expliciete imports voor de meeste functionaliteiten. Deze functie kan indien nodig in de configuratie worden uitgeschakeld omwille van expliciete controle.
3Welke methode vervangt in Vue 3 de verwijderde filters van Vue 2?
Welke methode vervangt in Vue 3 de verwijderde filters van Vue 2?
Antwoord
Filters werden in Vue 3 verwijderd omdat ze een aangepaste syntaxis creëerden die voor nieuwe ontwikkelaars moeilijk te begrijpen was en de prestaties beïnvloedde. De officiële aanbeveling is om computed properties of methods te gebruiken voor datatransformaties. Computed properties bieden het voordeel van automatische caching voor dure berekeningen, terwijl methods geschikt zijn voor eenvoudige transformaties met parameters.
Wat is het standaard build tool in Nuxt 3, dat Webpack van Nuxt 2 vervangt?
Hoe is de v-model-syntaxis veranderd tussen Vue 2 en Vue 3 voor aangepaste componenten?
+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
Nuxt-grondbeginselen
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
Beheers Vue.js / Nuxt.js voor je volgende gesprek
Krijg toegang tot alle vragen, flashcards, technische tests, code review-oefeningen en gespreksimulatoren.
Begin gratis