Vue.js - Managing State mit Vuex

Ziele

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

• Web-Entwickler

Voraussetzungen

Für eine optimale Teilnahme am Kurs empfehlen wir folgende Vorkenntnisse:

• Solide Vue.js Kenntnisse

Agenda

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 - Ihr digitaler Kompetenznachweis

Durch die erfolgreiche Teilnahme an einem Kurs bei IT-Schulungen.com erlangen Sie nicht nur Fachkenntnisse und Fähigkeiten, sondern bekommen zusätzlich zu Ihrem Teilnahmezertifikat ein Open Badge als digitalen Nachweis Ihrer Kompetenz.

Sie können diesen in Ihrem persönlichen und kostenfreien Mein IT-Schulungen.com Konto abrufen. Ihre verdienten Badges lassen sich problemlos in sozialen Netzwerken integrieren und weitergeben.

Mehr zu den Vorteilen von Badges

Kurz vor Durchführung