Vue-Direktiven v-html und v-text

Vue-Direktiven v-html und v-text

1. Anweisungen zum Rendern von V-Text-Text

(Kann nur Text rendern, keine Beschriftungen)


<div id="test">

        <p v-text="Nachricht"></p>

 </div>

 <script src="./js/vue.js"></script>

 <Skript>
    const vm = neuer Vue({

            el:"#test",

            Daten:{

                Nachricht: „<h2>Hallo Vue</h2>“

            }

        })

 </Skript>

Die Ausgabe ist:

2. v-html

(Kann Anweisungen rendern, kann Tags rendern)


<div id="test">

        <p v-html="Nachricht"></p>

 </div>

 <script src="./js/vue.js"></script>

 <Skript>

    const vm = neuer Vue({

            el:"#test",

            Daten:{

                Nachricht: „<h2>Hallo Vue</h2>“

            }

        }) 

 </Skript>

Die Ausgabe ist:

Dies ist das Ende dieses Artikels über die Vue-Direktiven v-html und v-text. Weitere verwandte v-html- und v-text-Inhalte finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder durchsuchen Sie die verwandten Artikel weiter unten. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!

Das könnte Sie auch interessieren:
  • Detaillierte Beispiele für Vue-Anweisungen: v-cloak, v-text, v-html
  • Detaillierte Erklärung der Unterschiede und Anwendungen von {{}}, v-text und v-html in Vue
  • Detaillierte Codebeispiele zur Verwendung von v-text / v-html in vue
  • Vue verhindert das Blinken geschweifter Klammern {{}} in v-text und v-html, Anwendungsbeispiele für v-cloak
  • Vue-Lernhinweise: Detaillierte Erklärung von v-text && v-html && v-bind

<<:  Detaillierte Erklärung des Unterschieds zwischen Gerätebreite und Breite in CSS3-Medienabfragen

>>:  Verwenden Sie js in html, um die lokale Systemzeit abzurufen

Artikel empfehlen

js zur Implementierung eines Web-Rechners

Wie erstelle ich mit HTML, CSS und JS einen einfa...

So zeigen Sie den Prozentsatz und die ersten paar Prozent in MySQL an

Inhaltsverzeichnis Erfordern Implementierungscode...

React implementiert Endlosschleifen-Scrollinformationen

In diesem Artikel wird der spezifische Code von R...

Verwendung von VNode in Vue.js

Was ist VNode In vue.js gibt es eine VNode-Klasse...

Kompatibilitätsprobleme mit CSS3-Farbverlaufshintergründen

Wenn wir eine Hintergrundfarbe mit Farbverlauf er...

Vue realisiert Click-Flip-Effekt

Verwenden Sie Vue, um einfach einen Click-Flip-Ef...

So verstehen und identifizieren Sie Dateitypen in Linux

Vorwort Wie wir alle wissen, ist in Linux alles e...

Tiefgreifendes Verständnis mathematischer Ausdrücke in CSS calc()

Der mathematische Ausdruck calc() ist eine Funkti...

Grundlegendes Lernprogramm zum Tabellen-Tag in HTML

Zusammensetzung der Tabellenbeschriftung Die Tabe...

Detaillierte Untersuchung des MySQL-Verbundindex

Ein zusammengesetzter Index (auch gemeinsamer Ind...

Allgemeine Überlegungen zum Erstellen eines Hadoop 3.2.0-Clusters

Ein Port ändert sich In Version 3.2.0 beträgt der...

Auswahl und Überlegungen zur MySQL-Datensicherungsmethode

Inhaltsverzeichnis 1. rsync, cp Dateien kopieren ...

Detailliertes Tutorial zur automatischen Installation von CentOS7.6 mit PXE

1. Nachfrage Die Basis verfügt über 300 neue Serv...

js genaue Berechnung

var numA = 0,1; var numB = 0,2; Alarm (Zahl A + Z...