Vue.js - Managing State mit Vuex
Ziele der Schulung
In dieser 1-tägigen Schulung "Vue.js - Managing State mit Vuex" lernen Sie, wie Sie Vuex verwenden können, um das State Management in einer Vue-Anwendung zu vereinfachen. Der Kurs beginnt mit einem Überblick über Vue und seine Idiome und Syntax. Anschließend werden die Konzepte von Getters, Mutations, Actions und Debugging ausführlich behandelt. Abschließend werden Module, Plugins und Tests behandelt, um Ihnen zu zeigen, wie Sie das volle Potenzial von Vuex nutzen können. Mit den in diesem Kurs erworbenen Kenntnissen werden Sie in der Lage sein, den Vuex-Workflow effektiv einzusetzen, um den Zustand Ihrer Vue-Anwendung zu verwalten und eine klar strukturierte Architektur zu entwickeln.
Zielgruppe Seminar
- Web-Entwickler
Voraussetzungen
Für eine optimale Teilnahme am Kurs empfehlen wir folgende Vorkenntnisse:
- Solide Vue.js Kenntnisse
Lernmethodik
Die Schulung bietet Ihnen eine ausgewogene Mischung aus Theorie und Praxis in einer erstklassigen Lernumgebung. Profitieren Sie vom direkten Austausch mit unseren projekterfahrenen Trainern und anderen Teilnehmern, um Ihren Lernerfolg zu maximieren.
Seminarinhalt
Einführung
- Was ist Vuex?
- Kern-Konzepte
- Vorteile von Vuex gegenüber einfachem Vue.js State Management
Erste Schritte
- Installieren von Vuex
- Einfachen Vuex-Store erstellen
- Vuex-Store für die gesamte App verfügbar machen
Zugriff auf den State
- $storestate
- Mapping von State auf berechnete Eigenschaften in Komponenten
Getter
- Abrufen von berechneten Zuständen aus einem Store
- Schreiben von Gettern
- Getter verwenden
- Abbildung von Gettern
Mutationen
- Warum nicht einfach den Status direkt setzen?
- Schreiben von Mutationen
- Mutationen festschreiben
- Abbildung von Mutationen
Aktions
- Was sind Actions?
- Schreiben von Actions
- Durchführen von asynchronen Operations
- Verwendung von Actions zur Persistenz von Daten
- Versenden von Actions
- Abbildung von Actions
Fehlersuche
- Installieren von Vue-Entwicklungswerkzeugen
- Verfolgen von Statusänderungen im Tool
- "time travel" zum Debuggen verwenden
Module
- Aufteilung des Status in Module
- Namespacing von Modulen
- Registrierung von Modulen
- Zugriff auf den global/Root state von namespaced Modulen
- Tools, die bei der Erfassung von Modul-Zustand / Getter / Mutation / Actions in Komponenten helfen
Plugins
- Erstellen und Registrieren von Plugins
- Nützliche Plugins
- Verwendung von Plugins mit Modulen
Testing
- Gettern
- Mutations
- Actions
Open Badge für dieses Seminar - Ihr digitaler Kompetenznachweis

Durch die erfolgreiche Teilnahme an einem Kurs bei IT-Schulungen.com erhalten Sie zusätzlich zu Ihrem Teilnehmerzertifikat ein digitales Open Badge (Zertifikat) – Ihren modernen Nachweis für erworbene Kompetenzen.
Ihr Open Badge ist jederzeit in Ihrem persönlichen und kostenfreien Mein IT-Schulungen.com-Konto verfügbar. Mit wenigen Klicks können Sie diesen digitalen Nachweis in sozialen Netzwerken teilen, um Ihre Expertise sichtbar zu machen und Ihr berufliches Profil gezielt zu stärken.
Übersicht: Vue.js Schulungen Portfolio
Seminare kurz vor der Durchführung
Termin | Standort | Aktion |
---|---|---|
20.02.2025 | Hamburg | |
06.03.2025 | München | |
10.04.2025 | Köln | |
14.05.2025 | Nürnberg |