Lernen Sie die neue Version von VUE3 Family Bucket kennen

Die beiden Kerne der VUE-responsiven und komponentenbasierten Entwicklung

VUE-Daten, bidirektionale Bindung

VUE-Ereignisoperationen

Befehl zur interaktiven Installation des vue-cli-Gerüsts

Durchführung und Paketierung von VUE-Projekten

Prinzip der Montage von Funktionskomponenten

Daten-Zwei-Wege-Bindung und vue.config.js-Dateikonfiguration

VUE-Instanzparameter und MVVM-Modus

VUE-Vorlageninterpolationsoperation

Verwendung von VUE-Vorlagenanweisungen

VUE virtueller DOM- und Diff-Algorithmus

Kursnotizen von gestern

Die v-bind-Direktive implementiert die dynamische Bindung von Elementattributen

Detaillierte Erläuterung des v-bind-Bindungsstilattributs

v-bind bindet Klassenattribute, um dynamische Stile zu implementieren

VUE berechnet verarbeitet berechnete Eigenschaften

VUE-Ereignisüberwachung

v-on-Ereignismodifikator

VUE-Anweisungen für bedingte Verzweigungen

VUE-Schleifendurchlaufanweisung v-for

V-Modell-Formulardaten, bidirektionale Bindung – Echtzeitberechnung des Gesamtpreises im Warenkorb

Entwicklung von VUE-Komponenten

Erstellung und Registrierung von VUE-Komponenten

VUE-Gültigkeitsattribute realisieren die Unabhängigkeit von Komponentenstilen

Verwenden Sie lang=scss in VUE

Die übergeordnete Komponente übergibt Daten an die untergeordnete Komponente

$emit ermöglicht untergeordneten Komponenten die Kommunikation mit übergeordneten Komponenten

Slot extrahiert die Gemeinsamkeit von Komponenten, um eine Komponentenerweiterung zu erreichen

Upgrade von benannten Slots und Scoped Slots – die Verwendung von V-Slot

Verantwortlichkeiten jedes Komponentenlebenszyklus

Auslösen von Hook-Funktionen für den Komponentenlebenszyklus

Komponentenlebenszyklus – Erstellung und Zerstörung von Instanzen

Einführung in das Element-UI-ElementPlus-Komponentenbibliotheksdokument

ElementPlus-Komponenten werden global in main.js referenziert

Sekundäre Entwicklung der ElementPlus-Registerkartenkomponente

Installation und Aktivierung des Vue Routers

Seitenroute erstellen

Die Router-Link-Komponente implementiert die Routing-Navigation

Verwenden Sie die globale Variable $route, um einen Routensprung zu implementieren

Routensprung – Parameterübergabe und -empfang

Beginnen Sie mit der Sortierung des Routing-Prozesses

Vue implementiert das On-Demand-Routing-Laden (Route Lazy Loading).

Vue-Route-Subrouting (verschachteltes Routing)

Übergeben und Empfangen von Subrouting-Parametern

Routenumleitung und Alias-Einstellungen

VUEX-Staatslagerverwaltung

Verwendung der berechneten Eigenschaften von VUEX-Gettern

Vuex-Zustandsverwaltung – die Verwendung von Mutation

Vuex-Statusverwaltung – Asynchroner Aktionsvorgang

Vuex-Modul – Segmentierung des staatlichen Lagers