Pinia State Management
Pinia stores, state, actions, getters, Integration der Composition API, Store-Komposition, setup stores
1Was ist ein Pinia-Store?
Was ist ein Pinia-Store?
Antwort
Ein Pinia-Store ist ein zentralisiertes reaktives Objekt, das state, getters und actions zur Verwaltung des Anwendungszustands enthält. Im Gegensatz zu Vuex vereinfacht Pinia die Syntax, indem es mutations eliminiert, und bietet native TypeScript-Unterstützung. Pinia-Stores ermöglichen es, Daten und Geschäftslogik auf organisierte und wartbare Weise zwischen mehreren Komponenten zu teilen.
2Welche Funktion sollte zum Erstellen eines Pinia-Stores verwendet werden?
Welche Funktion sollte zum Erstellen eines Pinia-Stores verwendet werden?
Antwort
Die Funktion defineStore ist die Standardmethode zum Erstellen eines Pinia-Stores. Sie nimmt als ersten Parameter eine eindeutige Kennung und als zweiten Parameter entweder ein Optionsobjekt (option store) oder eine setup-Funktion (setup store) entgegen. Diese Funktion gibt ein Composable zurück, das in Komponenten zum Zugriff auf den Store verwendet werden kann.
3Wie definiert man in einem Pinia-Store die State-Daten?
Wie definiert man in einem Pinia-Store die State-Daten?
Antwort
In einem Pinia-Option-Store wird der state als Funktion definiert, die ein Objekt mit den reaktiven Daten zurückgibt. Dieser funktionale Ansatz stellt sicher, dass jede Store-Instanz ihren eigenen isolierten Zustand erhält. Der state wird dank des Reaktivitätssystems von Vue automatisch reaktiv, sodass Komponenten auf Datenänderungen reagieren können.
Was sind actions in einem Pinia-Store?
Was sind getters in einem Pinia-Store?
+17 Interview-Fragen
Weitere Vue.js / Nuxt.js-Interviewthemen
JavaScript-Grundlagen
Modernes JavaScript (ES6+)
Vue-Grundlagen
Vue-Komponenten
Vue Router
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