Vue-Komponenten
Komponenten-Lifecycle, Props, Events, Slots, Scoped Styles, Komponentenkommunikation, dynamische Komponenten
1Was ist eine Vue-Komponente?
Was ist eine Vue-Komponente?
Antwort
Eine Vue-Komponente ist eine wiederverwendbare Vue-Instanz mit einem Namen. Sie kapselt HTML, CSS und JavaScript in einer unabhängigen logischen Einheit. Komponenten ermöglichen es, die Benutzeroberfläche in wiederverwendbare und wartbare Teile zu zerlegen. Jede Komponente hat ihr eigenes Template, ihre eigene Logik und ihre eigenen Styles, was die Code-Organisation und die Wiederverwendbarkeit erleichtert.
2Wie deklariert man Props in einer Vue-3-Komponente mit script setup?
Wie deklariert man Props in einer Vue-3-Komponente mit script setup?
Antwort
In Vue 3 mit script setup ist defineProps() ein Compiler-Makro, mit dem sich Props ohne expliziten Import deklarieren lassen. Dieses Makro generiert automatisch den nötigen Code und stellt die Props dem Template zur Verfügung. Es unterstützt die Typvalidierung von TypeScript und JavaScript und macht den Code prägnanter und typsicherer als der Ansatz der Options API.
3Welche Funktion hat der onMounted()-Hook im Lifecycle einer Komponente?
Welche Funktion hat der onMounted()-Hook im Lifecycle einer Komponente?
Antwort
Der onMounted()-Hook wird ausgeführt, nachdem die Komponente in das DOM eingehängt wurde. Dies ist der ideale Zeitpunkt für Operationen, die DOM-Zugriff erfordern, wie das Initialisieren von Drittanbieter-Bibliotheken, das Abrufen von Daten über eine API oder das direkte Manipulieren von DOM-Elementen. In diesem Stadium ist das Template gerendert und die Refs sind zugänglich.
Wie sendet eine Kindkomponente ein Event an ihre Elternkomponente?
Wofür werden Slots in einer Vue-Komponente verwendet?
+17 Interview-Fragen
Weitere Vue.js / Nuxt.js-Interviewthemen
JavaScript-Grundlagen
Modernes JavaScript (ES6+)
Vue-Grundlagen
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
Migration Vue 2→3 & Nuxt 2→3
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