Migration Vue 2→3 & Nuxt 2→3
Von Options API zu Composition API, von Vuex zu Pinia, von asyncData/fetch zu useFetch, breaking changes, Migrationsstrategien, nuxtServerInit-Deprecation
1Was ist der wichtigste architektonische Unterschied zwischen der Options API von Vue 2 und der Composition API von Vue 3?
Was ist der wichtigste architektonische Unterschied zwischen der Options API von Vue 2 und der Composition API von Vue 3?
Antwort
Die Composition API organisiert Code nach logischen Belangen statt nach Optionstyp und ermöglicht so das Gruppieren zusammengehörigen Codes. Dieser Ansatz verbessert die Lesbarkeit und Wartbarkeit komplexer Komponenten, im Gegensatz zur Options API, die data, methods und computed properties trennt. Die Composition API erleichtert zudem die Wiederverwendung von Logik durch composables und ersetzt damit wirkungsvoll mixins, die Namenskonflikte verursachen konnten.
2Welche wesentliche Änderung hat Nuxt 3 im Vergleich zu Nuxt 2 in Bezug auf Auto-Imports eingeführt?
Welche wesentliche Änderung hat Nuxt 3 im Vergleich zu Nuxt 2 in Bezug auf Auto-Imports eingeführt?
Antwort
Nuxt 3 aktiviert Auto-Imports standardmäßig für composables, Komponenten und Framework-Utilities und macht damit manuelle Imports überflüssig. Diese Funktion verbessert die Developer Experience und reduziert Boilerplate-Code. Nuxt 2 erforderte explizite Imports für die meisten Funktionalitäten. Diese Funktion kann bei Bedarf aus Gründen der expliziten Kontrolle in der Konfiguration deaktiviert werden.
3Welche Methode ersetzt in Vue 3 die entfernten Filters von Vue 2?
Welche Methode ersetzt in Vue 3 die entfernten Filters von Vue 2?
Antwort
Filters wurden in Vue 3 entfernt, weil sie eine benutzerdefinierte Syntax erzeugten, die für neue Entwickler schwer verständlich war und die Performance beeinträchtigte. Die offizielle Empfehlung lautet, für Datentransformationen computed properties oder Methoden zu verwenden. Computed properties bieten den Vorteil des automatischen Cachings bei aufwendigen Berechnungen, während Methoden für einfache Transformationen mit Parametern geeignet sind.
Was ist das standardmäßige Build-Tool in Nuxt 3, das Webpack von Nuxt 2 ersetzt?
Wie hat sich die v-model-Syntax zwischen Vue 2 und Vue 3 für benutzerdefinierte Komponenten geändert?
+19 Interview-Fragen
Weitere Vue.js / Nuxt.js-Interviewthemen
JavaScript-Grundlagen
Modernes JavaScript (ES6+)
Vue-Grundlagen
Vue-Komponenten
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
Vue-Reaktivität
Nuxt-Grundlagen
Nuxt Data Fetching
Nuxt SSR & SSG
Nuxt Server-Routes
Nuxt-Module
Vue Composables
Vue Formulare & Validierung
Nuxt State Management
Vue-Testing
Nuxt-Deployment & CI/CD
Vue-Performance
Fortgeschrittene Vue-Patterns
TypeScript mit Vue
Nuxt-Authentifizierung
SEO mit Nuxt
Nuxt-Internationalisierung
Vue-Architektur
Nuxt-Sicherheit
Vue-Ökosystem
Meistere Vue.js / Nuxt.js für dein nächstes Interview
Zugang zu allen Fragen, Flashcards, technischen Tests, Code-Review-Übungen und Interview-Simulatoren.
Kostenlos starten