Heim  >  Artikel  >  Web-Frontend  >  Aus welchen Bestandteilen bestehen die integrierten Anweisungen von Vue?

Aus welchen Bestandteilen bestehen die integrierten Anweisungen von Vue?

青灯夜游
青灯夜游Original
2023-01-13 14:29:483239Durchsuche

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.

Aus welchen Bestandteilen bestehen die integrierten Anweisungen von Vue?

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-showAus welchen Bestandteilen bestehen die integrierten Anweisungen von Vue?

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

Das obige ist der detaillierte Inhalt vonAus welchen Bestandteilen bestehen die integrierten Anweisungen von Vue?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn