# Migration Vue 2→3 & Nuxt 2→3 (Vue.js / Nuxt.js)

> Von Options API zu Composition API, von Vuex zu Pinia, von asyncData/fetch zu useFetch, breaking changes, Migrationsstrategien, nuxtServerInit-Deprecation

- 22 Interview-Fragen
- Senior
- [Interview-Fragen: Vue.js / Nuxt.js](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen.md)

## 1. 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.

## 2. 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.

## 3. 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.

## 19 weitere Fragen verfügbar

- 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?

Kostenlos registrieren: https://sharpskill.dev/de/login

## Weitere Vue.js / Nuxt.js-Interviewthemen

- [JavaScript-Grundlagen](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/javascript-fundamentals.md): 20 Fragen, Junior
- [Modernes JavaScript (ES6+)](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/es6-modern-javascript.md): 20 Fragen, Junior
- [Vue-Grundlagen](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/vue-basics.md): 22 Fragen, Junior
- [Vue-Komponenten](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/vue-components.md): 20 Fragen, Junior
- [Vue Router](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/vue-router.md): 18 Fragen, Junior
- [Pinia State Management](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/pinia-state-management.md): 20 Fragen, Junior
- [Vuex (Legacy)](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/vuex-legacy.md): 15 Fragen, Mid-Level
- [Composition API](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/composition-api.md): 24 Fragen, Mid-Level
- [Vue-Reaktivität](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/vue-reactivity.md): 20 Fragen, Mid-Level
- [Nuxt-Grundlagen](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/nuxt-fundamentals.md): 22 Fragen, Mid-Level
- [Nuxt Data Fetching](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/nuxt-data-fetching.md): 20 Fragen, Mid-Level
- [Nuxt SSR & SSG](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/nuxt-ssr-ssg.md): 22 Fragen, Mid-Level
- [Nuxt Server-Routes](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/nuxt-server-routes.md): 20 Fragen, Mid-Level
- [Nuxt-Module](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/nuxt-modules.md): 18 Fragen, Mid-Level
- [Vue Composables](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/vue-composables.md): 20 Fragen, Mid-Level
- [Vue Formulare & Validierung](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/vue-forms-validation.md): 20 Fragen, Mid-Level
- [Nuxt State Management](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/nuxt-state-management.md): 18 Fragen, Mid-Level
- [Vue-Testing](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/vue-testing.md): 20 Fragen, Mid-Level
- [Nuxt-Deployment & CI/CD](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/nuxt-deployment-cicd.md): 22 Fragen, Mid-Level
- [Vue-Performance](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/vue-performance.md): 22 Fragen, Senior
- [Fortgeschrittene Vue-Patterns](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/vue-advanced-patterns.md): 24 Fragen, Senior
- [TypeScript mit Vue](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/typescript-vue.md): 22 Fragen, Senior
- [Nuxt-Authentifizierung](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/nuxt-auth.md): 20 Fragen, Senior
- [SEO mit Nuxt](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/nuxt-seo.md): 20 Fragen, Senior
- [Nuxt-Internationalisierung](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/nuxt-i18n.md): 18 Fragen, Senior
- [Vue-Architektur](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/vue-architecture.md): 22 Fragen, Senior
- [Nuxt-Sicherheit](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/nuxt-security.md): 20 Fragen, Senior
- [Vue-Ökosystem](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/vue-ecosystem.md): 18 Fragen, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/migration-vue2-vue3-nuxt2-nuxt3