Vue.js bietet Entwicklern ein flexibles Framework für die Erstellung von Web-Anwendungen, bei dem sie selbst entscheiden können, wie tief sie das Framework anwenden wollen.

Erkunden Sie die Grundlagen von Vue.js und entdecken dann die Optionen für das Rendering, die Berechnung von Werten und die Erstellung von Komponenten. Lernen Sie, wie Sie Vue.js installieren und einrichten. Verwenden Sie Templates mit Eigenschaften und verstehen so die Arbeitsweise von Vue.js.

Sie werden Arrays, Objekte sowie dynamische Klassen mit Ausdrücken verwenden und kennenlernen, wie Sie Komponenten erstellen und zwischen Komponenten Daten und Ereignisse austauschen. Lernen Sie, wie man das Vue CLI installiert sowie nutzt und erstellen sie damit komplette Vue.js-Projekte inklusive des Vue Routers, der für die Navigation zwischen Anwendungsteilen verwendet wird.

Erfahren Sie außerdem, wie Sie ein echtes Projekt einrichten und organisieren.

Einstieg in Vue.js

• Was Sie über Vue.js wissen sollten
• Installationsmöglichkeiten
• Grundlegende Einrichtung
• Binden mit Direktiven
• Rendering von Listen
• Bedingte Daten

Reaktivität in Vue.js

• Eingabefelder
• Berechneter Inhalt
• Behandlung von Ereignissen
• Lebenszyklus-Ereignisse

Stile und Animationen in Vue.js

• Inline-Stile
• Klassen
• Übergänge
• Optionen und animierte Listen

Verwendung von Komponenten in Vue.js

• Grundlegende Komponenten
• Komponenten-Ereignisse
• Slots

Verstehen der Vue- / Vite-CLI

• Anwendungs-API
• Installieren mit der Vue- / Vite-CLI
• Überblick über die Installation
• Vue-Projektdateien

Ein echtes Vue.js-Projekt erstellen

• Einrichten einer realistischen Anwendung
• Module und Routing
• Updates

Vue.js - Projektarchitektur

• Hierarchie reorganisieren
• Überarbeitung der Navigation
• Komponenten verschieben