Vue3.0-Schnellstart-Tutorial

• Kapitel1 Vue3-MVVM-Muster- und Komponentenentwicklung
• 1-1 Lernen Sie die neue Version von VUE3 Family Bucket kennen
• 1-2 Die beiden Kerne der VUE-responsiven und komponentenbasierten Entwicklung
• 1-3 VUE-Daten, bidirektionale Bindung
• 1-4 VUE-Ereignisoperationen
• 1-5 Befehl zur interaktiven Installation des vue-cli-Gerüsts
• 1-6 Durchführung und Paketierung von VUE-Projekten
• 1-7 Prinzip der Montage von Funktionskomponenten
• 1-8 Daten-Zwei-Wege-Bindung und vue.config.js-Dateikonfiguration
• 1-9 VUE-Instanzparameter und MVVM-Modus
• 1-10 VUE-Vorlageninterpolationsoperation
• 1-11 Verwendung von VUE-Vorlagenanweisungen
• 1-12 VUE virtueller DOM- und Diff-Algorithmus
• Kapitel2 Vues Vorlagenanweisungen und Ereignisüberwachung
• 2-1 Kursnotizen von gestern
• 2-2 Die v-bind-Direktive implementiert die dynamische Bindung von Elementattributen
• 2-3 Detaillierte Erläuterung des v-bind-Bindungsstilattributs
• 2-4 v-bind bindet Klassenattribute, um dynamische Stile zu implementieren
• 2-5 VUE berechnet verarbeitet berechnete Eigenschaften
• 2-6 VUE-Ereignisüberwachung
• 2-7 v-on-Ereignismodifikator
• 2-8 VUE-Anweisungen für bedingte Verzweigungen
• 2-9 VUE-Schleifendurchlaufanweisung v-for
• 2-10 V-Modell-Formulardaten, bidirektionale Bindung – Echtzeitberechnung des Gesamtpreises im Warenkorb
• Kapitel3 Vue-Komponentenkommunikation und benannte Slots
• 3-1 Entwicklung von VUE-Komponenten
• 3-2 Erstellung und Registrierung von VUE-Komponenten
• 3-3 VUE-Gültigkeitsattribute realisieren die Unabhängigkeit von Komponentenstilen
• 3-4 Verwenden Sie lang=scss in VUE
• 3-5 Die übergeordnete Komponente übergibt Daten an die untergeordnete Komponente
• 3-6 $emit ermöglicht untergeordneten Komponenten die Kommunikation mit übergeordneten Komponenten
• 3-7 Slot extrahiert die Gemeinsamkeit von Komponenten, um eine Komponentenerweiterung zu erreichen
• 3-8 Upgrade von benannten Slots und Scoped Slots – die Verwendung von V-Slot
• Kapitel4 Komponentenlebenszyklus und Element-plus-Komponentenbibliothek
• 4-1 Verantwortlichkeiten jedes Komponentenlebenszyklus
• 4-2 Auslösen von Hook-Funktionen für den Komponentenlebenszyklus
• 4-3 Komponentenlebenszyklus – Erstellung und Zerstörung von Instanzen
• 4-4 Einführung in das Element-UI-ElementPlus-Komponentenbibliotheksdokument
• 4-5 ElementPlus-Komponenten werden global in main.js referenziert
• 4-6 Sekundäre Entwicklung der ElementPlus-Registerkartenkomponente
• 4-7 Installation und Aktivierung des Vue Routers
• 4-8 Seitenroute erstellen
• 4-9 Die Router-Link-Komponente implementiert die Routing-Navigation
• 4-10 Verwenden Sie die globale Variable $route, um einen Routensprung zu implementieren
• 4-11 Routensprung – Parameterübergabe und -empfang
• Kapitel5 Vue-Routing-Verschachtelung und Vuex-Statusverwaltung
• 5-1 Beginnen Sie mit der Sortierung des Routing-Prozesses
• 5-2 Vue implementiert das On-Demand-Routing-Laden (Route Lazy Loading).
• 5-3 Vue-Route-Subrouting (verschachteltes Routing)
• 5-4 Übergeben und Empfangen von Subrouting-Parametern
• 5-5 Routenumleitung und Alias-Einstellungen
• 5-6 VUEX-Staatslagerverwaltung
• 5-7 Verwendung der berechneten Eigenschaften von VUEX-Gettern
• 5-8 Vuex-Zustandsverwaltung – die Verwendung von Mutation
• 5-9 Vuex-Statusverwaltung – Asynchroner Aktionsvorgang
• 5-10 Vuex-Modul – Segmentierung des staatlichen Lagers