1. Verwenden Sie Plugin-Ausdrücke
<div id="app"> <p> {{Nachricht}} </p> <p v-text="Nachricht"></p> </div> <script src="./js/vue.js"></script> <Skript> lass vm = neues Vue({ el:"#app", Daten:{ Nachricht: „Hallo Vue“ } }) </Skript> Wenn im obigen Code die Ausgabe normal ist, ist das Ergebnis konsistent. Wenn die Netzwerkgeschwindigkeit jedoch langsam ist, wird der Plugin-Ausdruck zuerst auf der Seite ausgegeben. {{Nachricht}} Die Seite wird dann normal gerendert, was für die Benutzererfahrung nicht gut genug ist. 2. Verwenden Sie V-Cloak in Plugin-Ausdrücken, um das Flackerproblem zu lösen<Stil> [v-Umhang]: Anzeige: keine; } </Stil> <div id="app"> <p v-Umhang> {{Nachricht}} </p> <p v-text="Nachricht"></p> </div> <script src="./js/vue.js"></script> Wir können das Mit dieser Methode lässt sich das Flackerproblem lösen 3. Plugin-Ausdruck Plugin-Ausdrücke fügen nur Inhalt ein und überschreiben nicht den Originalinhalt, während <div id="app"> <p> ----{{Nachricht}}---- </p> //----hallo vue---- <p v-text="Nachricht">1234556</p> // hallo vue </div> <script src="./js/vue.js"></script> <Skript> lass vm = neues Vue({ el:"#app", Daten:{ Nachricht: „Hallo Vue“ } }) </Skript> Dies ist das Ende dieses Artikels über den Unterschied zwischen Vue-Interpolationsausdrücken und V-Text-Direktiven. Weitere Informationen zum Unterschied zwischen Vue-Interpolationsausdrücken und V-Text-Direktiven finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen! Das könnte Sie auch interessieren:
|
<<: Lösen Sie das Problem „Rand: oberer Kollaps“ in CCS
Da der Einfluss des Unternehmens wächst und seine...
Vorwort Vor kurzem bin ich auf ein interessantes ...
1. Nehmen Sie nginx als Beispiel Nginx mit dem Be...
#Case: Gehaltsstufen von Mitarbeitern abfragen WÄ...
1. Ändern Sie den Host-Feldwert eines Datensatzes...
1. Erstellen Sie eine MySQL-Datenbank 1. Datenban...
Wenn Sie eine E-Mail in einem Shell-Skript erstel...
Werfen wir einen Blick auf das Problem des VScode...
Inhaltsverzeichnis 1. Übersicht über Docker Consu...
Inhaltsverzeichnis Vorwort Was ist eine virtuelle...
Inhaltsverzeichnis Nachdem Sie einen Container lo...
MySQL-Escape Escape bedeutet die ursprüngliche Se...
Installieren Sie nginx Beachten Sie, dass Sie ngi...
Inhaltsverzeichnis 1. Kommunikationsmethode zwisc...
<br />In der HTML-Sprache können Sie der Tab...