Vue.JS -Vorlage Einführung

Vue.JS, mit dem User Interfaces (UIS) und einseitige Anwendungen (SPAs) erstellt werden.JS, weil es eine neutrale Umgebung bietet.

Wie html, vue.JS verfügt. In diesem Artikel zeigen wir Ihnen, wie Sie Daten in die Vorlagensyntax einfügen und die Möglichkeiten zur Interpolation verschiedener Datenarten interpolieren.

Textinterpolation

Wenn wir eine Variable aus der Instanz der relativen Komponenten binden möchten, können wir doppelte lockige Klammern verwenden, die auch als "Schnurrbart" -Syntax bezeichnet wird.

LinuxHintText

Vue.JS bietet eine bidirektionale Bindung, was bedeutet, dass das Element erneut wiedergegeben wird, wenn der Wert einer Variablen geändert wird. Wenn wir jedoch nicht möchten, dass es aktualisiert wird, können wir die verwenden V-Once Richtlinie.

LinuxHintText

RAW -HTML -Interpolation

Vue.JS ermöglicht die Datenbindung des einfachen Textes nicht, aber wir können den RAW -HTML -Text mit dem binden V-HTML Richtlinie. Im folgenden Beispiel haben wir eine Variable in einer Komponente genannt Rawhtml Das enthält einen rohen HTML -Text.

LinuxHint ist Großartig

Wir können das binden Rawhtml Variable verwendet V-HTML Richtlinie wie folgt.

Der div Tag wird a haben P Tag darin.

Attribute Interpolation

In der RAW -HTML -Interpolation haben wir keine doppelten lockigen Klammern verwendet, um die Variable zu binden. Wenn wir daher eine Variable innerhalb des HTML -Attributs binden wollen, können wir die verwenden V-Bind Richtlinie.

Ausdrücke

Vue.JS liefert nicht nur Funktionen für die Bindung einer Variablen. Vue.JS kann verwendet werden, um verschiedene Arten von Ausdrücken in doppelte lockige Klammern zu schreiben.

Einpacken

In diesem Artikel haben wir Vue vorgestellt.JS 'einfache, aber nützliche Vorlagensyntax. Es gibt jedoch noch viel mehr über Vue zu lernen.JS. Sie können die offizielle Website von Vue besuchen.JS hier, und Sie können mit LinuxHint immer wieder etwas über JavaScript lernen.com.