Vue.js - Zustandsverwaltung mit Vuex - Seminar / Kurs von PROTRANET GmbH

In diesem Kurs erlangen Sie die Fähigkeit, Vuex effektiv zu nutzen, um das State Management in einer Vue-Anwendung zu vereinfachen. Sie erhalten einen umfassenden Überblick über die Idiome und Syntax von Vue.js und vertiefen Ihr Verständnis durch die praktische Anwendung von Getters, Mutations, Actions und Debugging in Vuex. Darüber hinaus werden Sie lernen, wie Sie Module, Plugins und Tests in Vuex implementieren können, um das volle Potenzial dieser Bibliothek auszuschöpfen. Nach Abschluss des Seminars werden Sie den Vuex-Workflow souverän beherrschen und somit in der Lage sein, den Zustand Ihrer Vue-Anwendung effektiv zu verwalten und eine gut strukturierte Architektur zu entwickeln.

Einführung

• Grundlagen von Vuex
• Kernkonzepte verstehen
• Vuex im Vergleich zu Vue.js-Management

Erste Schritte

• Installation von Vuex durchführen
• Ein einfaches Vuex-Store erstellen
• Den Vuex-Store für die gesamte Anwendung zugänglich machen

Zugriff auf den Zustand Abfragen

• Berechnete Zustände aus einem Store abrufen
• Getter schreiben und verwenden
• Getter abbilden

Änderungen

• Die Bedeutung von Mutationen verstehen
• Mutationen schreiben und festlegen
• Mutationen abbilden

Aktionen

• Die Funktion von Actions kennenlernen
• Actions schreiben und ausführen
• Asynchrone Operationen durchführen
• Actions zur Persistenz von Daten nutzen
• Actions versenden und abbilden

Fehlersuche

• Vue-Entwicklungswerkzeuge installieren
• Statusänderungen im Tool verfolgen
• Verwendung von "Time Travel" für das Debuggen

Module

• Den Status in Module aufteilen
• Module namespacen
• Module registrieren und auf den globalen/Root State zugreifen
• Tools zur Erfassung von Modul-Zuständen/Gettern/Mutationen/Actions in Komponenten nutzen

Plugins

• Erstellund und RegistrierungKennenlernen
• Verwendung von nützlichen Plugins
• Plugins in Verbindung mit Modulen einsetzen

Testing

Der Kurs richtet sich an Web-Entwickler.