Aus welchen Bestandteilen bestehen die integrierten Anweisungen von Vue?

Es gibt 16 integrierte Anweisungen: v-text, v-html, v-show, v-if, v-else, v-else-if, v-for, v-on, v-bind, v- model, v-slot, v-pre, v-cloak, v-once, v-memo, v-is; v-memo ist neu in 3.2 und v-is wird in 3.1.0 aufgegeben. v-show wird verwendet, um das Anzeigen und Ausblenden von Elementen zu steuern, und v-if wird verwendet, um Elemente basierend auf dem wahren oder falschen Wert eines Ausdrucks bedingt darzustellen.

Die Betriebsumgebung dieses Tutorials: Windows7-System, Vue3-Version, DELL G3-Computer.

1. Was ist ein Vue-Befehl?

Vue führt je nach Befehl unterschiedliche Befehle aus . Die Operation wird später im Detail besprochen

<span v-text="msg"></span>

2. Integrierte Befehle

2.1 Was sind die integrierten Befehle in Vue?

Eingebaute Befehle beziehen sich auf die integrierten Befehle von Vue, die aus verwendet werden können Die Box

Vue verfügt über insgesamt 16 integrierte Befehle, darunter:

v-text, v-html, v-show, v-if, v-else, v-else-if, v-for, v -on, v-bind, v-model, v-slot, v-pre, v-cloak, v-once, v-memo, v-is, darunter v-memo neu in 3.2, v-is wurde aufgegeben in 3.1.0

Lassen Sie uns etwas über die grundlegende Verwendung dieser integrierten Anweisungen lernen

2.2 Verstehen Sie die grundlegende Verwendung von 16 integrierten Anweisungen

2.2.1 V-Text

Die Rolle von v-text dient zum Aktualisieren des Textinhalts des Elements, zum Beispiel:

<h1 v-text="msg"></h1>

Der Inhalt des h1-Elements hängt letztendlich von msg ab. Der Wert

2.2.2 v-html

ist v. sehr ähnlich -text, mit der Ausnahme, dass V-HTML verwendet wird, um das innere HTML des Elements zu aktualisieren, z. B.

<div v-html="&#39;<h1>Hello LBJ</h1>&#39;"></div>

Es ist zu beachten, dass der darin enthaltene Inhalt als normales HTML eingefügt werden muss

2.2.3 v-show

v-show kann den Anzeigewert des Elements entsprechend dem wahren und falschen Wert des Ausdrucks umschalten, um die Anzeige und das Ausblenden des Elements zu steuern, zum Beispiel:

Wie Sie sehen können, wenn sich die Bedingungen ändern , dieser Befehl löst den Übergangseffekt des Ein- oder Ausblendens aus. Hinweis: v-show unterstützt weder das Element