Vuex (Legacy)
Vuex 4 Store, State, Mutations, Actions, Getters, Modules, Namespacing, Migration zu Pinia
1Was ist ein Vuex Store?
Was ist ein Vuex Store?
Antwort
Ein Vuex Store ist ein zentralisierter Container, der den globalen State einer Vue-Anwendung verwaltet. Er ermöglicht das Teilen von Daten zwischen mehreren Komponenten, ohne Props manuell durch den Komponentenbaum zu reichen. Der Store stellt sicher, dass der State nur auf vorhersehbare Weise über Mutations geändert werden kann, was das Debugging und die Wartung komplexer Anwendungen vereinfacht.
2Was ist der Hauptunterschied zwischen Mutations und Actions in Vuex?
Was ist der Hauptunterschied zwischen Mutations und Actions in Vuex?
Antwort
Mutations sind synchron und direkt für die Änderung des State verantwortlich, während Actions asynchron sind und komplexe Geschäftslogik enthalten können, bevor sie Mutations committen. Actions eignen sich ideal für API-Aufrufe, Timer oder beliebige asynchrone Operationen, da sie auf Ergebnisse warten können, bevor sie den State über Mutations ändern. Diese Trennung stellt sicher, dass State-Änderungen in den Vue DevTools nachvollziehbar bleiben.
3Wofür werden Getters in einem Vuex Store verwendet?
Wofür werden Getters in einem Vuex Store verwendet?
Antwort
Getters in Vuex funktionieren wie Computed Properties für den Store. Sie ermöglichen das Berechnen abgeleiteter Werte aus dem State, ohne Logik über mehrere Komponenten hinweg zu duplizieren. Getters werden zwischengespeichert und nur neu berechnet, wenn sich ihre Abhängigkeiten ändern, was eine gute Performance bietet. Sie eignen sich perfekt zum Filtern, Sortieren oder Transformieren von State-Daten, bevor diese den Komponenten bereitgestellt werden.
Wie greift man aus einer Vue-Komponente auf den Vuex State zu?
Warum sollte man für API-Aufrufe in Vuex Actions statt Mutations verwenden?
+12 Interview-Fragen
Weitere Vue.js / Nuxt.js-Interviewthemen
JavaScript-Grundlagen
Modernes JavaScript (ES6+)
Vue-Grundlagen
Vue-Komponenten
Vue Router
Pinia State Management
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