# Vue-Architektur (Vue.js / Nuxt.js) > Komponenten-Designmuster, Ordnerstruktur, Feature-Module, Domain-Driven Design, Organisation von Composables - 22 Interview-Fragen - Senior - [Interview-Fragen: Vue.js / Nuxt.js](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen.md) ## 1. Was ist eine Feature-First-Architektur in Vue/Nuxt? **Antwort** Eine Feature-First-Architektur organisiert Code nach geschäftlichen Features statt nach technischem Typ. Jedes Feature enthält seine Komponenten, Composables, Stores und Typen in einem dedizierten Ordner. Dieser Ansatz verbessert die Wartbarkeit, indem alles zu einem Feature an einem Ort gebündelt wird, erleichtert die Teamarbeit, da Entwickler an unabhängigen Features arbeiten können, und macht den Code modularer, da Features einfach aktiviert/deaktiviert werden können. ## 2. Was ist das Container/Presentational-Pattern in Vue? **Antwort** Das Container/Presentational-Pattern teilt Komponenten in zwei Kategorien: Container, die Geschäftslogik, API-Aufrufe und State verwalten, und Presentational-Komponenten, die nur Props empfangen und Events emittieren. Diese Trennung verbessert die Wiederverwendbarkeit von UI-Komponenten, erleichtert das Unit-Testing von Presentational-Komponenten und klärt die Verantwortlichkeiten, indem die Logik in den Containern isoliert wird. ## 3. Was ist der Unterschied zwischen einer Layer-First- und einer Feature-First-Architektur? **Antwort** Die Layer-First-Architektur organisiert Code in technischen Schichten (Components, Composables, Stores, Utils), bei denen alle Komponenten zusammen, alle Composables zusammen usw. liegen. Feature-First gruppiert nach geschäftlichen Features, wobei jedes Feature seine eigenen Komponenten, Composables und Stores enthält. Layer-First ist für kleine Projekte einfacher, wird aber schwer zu warten, wenn das Projekt wächst, da die zu einem Feature gehörenden Dateien verstreut sind. Feature-First skaliert besser und erleichtert die Teamarbeit. ## 19 weitere Fragen verfügbar - Was sind renderless components in Vue? - Wie organisiert man composables in einer feature-first-Architektur? 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 - [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 - [Migration Vue 2→3 & Nuxt 2→3](https://sharpskill.dev/de/technologies/vue-nuxt/interviewfragen/migration-vue2-vue3-nuxt2-nuxt3.md): 22 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/vue-architecture