Kurseinführung

Einführung in Vue

Benutzerhandbuch der offiziellen Vue-Website

Erstellen Sie eine Vue-Entwicklungsumgebung

Hallo kleiner Koffer

Analysieren Sie den Hello-Fall

Vorlagensyntax

Datenbindung

Zwei Möglichkeiten, el und data zu schreiben

MVVM verstehen

Object.defineProperty

Datenbroker verstehen

Daten-Proxys in Vue

Event-Handling

Ereignismodifikator

Tastaturereignisse

Zusammenfassung der Veranstaltung

Namensfall

Berechnete Eigenschaften

Berechnete Eigenschaftsabbreviation

Wetterfall

Eigenschaften überwachen

tiefe Überwachung

Abkürzung für Überwachung

beobachten vs. berechnet

Klassenstil binden

Bindungsstil

Bedingtes Rendern

Listenwiedergabe

Schlüsselfunktion und Prinzip

Listenfilter

Listensortierung

Ein Problem beim Aktualisieren

Das Prinzip der Vue-Überwachung data_object

Vue.set()-Methode

Das Prinzip der Vue-Überwachung data_array

Zusammenfassung der Vue-Überwachungsdaten

Sammeln Sie Formulardaten

Filter

V-Text-Direktive

v-html-Direktive

V-Cloak-Direktive

v-once-Direktive

v-pre-Direktive

Benutzerdefinierte anweisung_funktional

Benutzerdefinierter „instruktion_object“-Typ

Benutzerdefinierte Anweisungen_Zusammenfassung

Lebenszyklus führen

Lebenszyklus_Montageprozess

Lifecycle_Update-Prozess

Lebenszyklus_Zerstörungsprozess

Lebenszyklus_Zusammenfassung

Verständnis für Komponenten

Nicht-einzelne Dateikomponente

Zu den Komponenten sind einige Punkte zu beachten

Verschachtelung von Bauteilen

VueComponent-Konstruktor

Vue-Instanzen und Komponenteninstanzen

eine wichtige eingebaute Beziehung

einzelne Dateikomponente

Erstellen Sie ein Vue-Gerüst

Analysieren Sie Gerüstkonstruktionen

Renderfunktion

Ändern Sie die Standardkonfiguration

ref-Attribut

Requisitenkonfiguration

Mixin-Inklusion

Plug-in

Scoped-Stil

TodoList case_static

TodoList case_initialization-Liste

TodoList case_add

TodoList case_check

TodoList case_delete

TodoList case_bottom-Statistiken

TodoList case_bottom-Interaktion

TodoList Case_Summary

Lokaler Browserspeicher

TodoList_local-Speicher

Benutzerdefinierte event_binding der Komponente

Komponente benutzerdefiniertes event_unbinding

Komponente Benutzerdefinierte Event_Summary

TodoList case_custom-Ereignis

Globaler Eventbus 1

Globaler Eventbus 2

TodoList case_event Bus

Nachrichtenabonnement und Veröffentlichung_pubsub

TodoList case_pubsub

TodoList case_edit

$nextTick

Animationseffekte

übermäßige Wirkung

Übermäßige Elemente

Integrieren Sie Animationen von Drittanbietern

Zusammenfassung Übergang und Animation

Proxy_Methode 1 konfigurieren

Proxy_Methode 2 konfigurieren

Github case_static-Komponente

Github case_list-Anzeige

Github case_perfect case

Ansichtsressource

Standardsteckplatz

benannter Steckplatz

Zielfernrohrschlitz

Einführung in Vuex

Summieren Sie die case_pure vue-Version

Diagramm des Vuex-Arbeitsprinzips

Erstellen Sie eine Vuex-Umgebung

Summieren der case_vuex-Version

Verwendung von Vuex-Entwicklertools

Getter-Konfigurationselemente

mapState und mapGetters

MapActions und MapMutations

Datenaustausch zwischen mehreren Komponenten

vuex modular+namespace_1

vuex Modularität+Namespace_2

Einführung in das Routing

Grundlegende Verwendung des Routings

Einige Punkte sind zu beachten

Verschachteltes Routing

Routenabfrageparameter

benannte Route

Routenparameter-Parameter

Konfiguration der Routing-Requisiten

Attribut des Router-Links ersetzen

Programmatische Routennavigation

Cache-Routing-Komponente

Zwei neue Lifecycle-Hooks

Globaler prefix_routing-Schutz

Globaler Post_Route Guard

Exklusiver Streckenwächter

Komponenteninterner Routenschutz

Verlaufsmodus und Hash-Modus

Grundlegende Verwendung von element-ui

element-ui wird auf Anfrage eingeführt

Einführung in vue3

Erstellen Sie ein Projekt mit vue-cli

Erstellen Sie ein Projekt mit Vite

Analysieren Sie Ingenieurbauwerke

Installieren Sie Entwicklertools

Erste Bekanntschaft mit dem Setup

ref function_process Grundtypen

ref function_process-Objekttyp

reaktive Funktion

Sehen Sie sich das Reaktionsfähigkeitsprinzip von Vue2 an

Vue3 reagiert auf das Prinzip_Proxy

Vue3-Responsive-Prinzip_Reflect

reaktiv vs. ref

Zwei Punkte, die Sie bei der Einrichtung beachten sollten

berechnete berechnete Eigenschaften

watch überwacht die durch ref definierten Daten

watch überwacht die von reactive definierten Daten

Problem mit dem Wert während der Überwachung

watchEffect-Funktion

Vue3-Lebenszyklus

Benutzerdefinierter Haken

toRef und toRefs

flachReaktiv与shallowRef

readonly与shallowReadonly

toRaw与markRaw

benutzerdefinierteRef

bereitstellen与injizieren

Beurteilung responsiver Daten

Vorteile von CompositionAPI

Fragmentkomponente

Teleport-Komponente

Spannungskomponente

Weitere Änderungen in Vue3