In diesem Beitrag werden wir lernen und uns die integrierten Richtlinien des VUE ansehen.JS Framework, und wir werden auch lernen, unsere eigene maßgeschneiderte Vue-Richtlinie zu erstellen und zu verwenden.
Richtlinie
Anweisungen sind Attribute, die Sie mit den DOM-Elementen verknüpfen können, die durch die Klausel „V-“ vorangestellt sind. Richtlinien werden normalerweise zur direkten Manipulation von DOM verwendet. Einige der am häufigsten verwendeten und berühmtesten Richtlinien sind „V-IF“, „V-for“ und „V-Show“.
Die Richtlinien werden verwendet, um Auswirkungen auf DOM -Elemente anzuwenden, jedoch reaktiv. Verstehen wir es mit einem Beispiel:
"V-wenn" -Richtlinie
Sie können den Text anzeigen.
Im obigen Tag ist das „V-IB“ eine Anweisung, die das Absatz-Tag löscht oder hinzufügt “
”, Hängt von der Wahrheitsgrad der Variablen der„ ShowText “ab.
"V-Show" -Richtlinie
In ähnlicher Weise haben wir die "V-Show" -Richtlinie, die die oben beschriebene Funktionalität ausführen kann:
Sie können den Text anzeigen.
Der subtile Unterschied zwischen „V-IF“ und „V-Show“ besteht darin. Im Gegensatz dazu wird „V-Show“ das Element zur Ladezeit der Webseite rendern, versteckt es jedoch, es aber. "V-IF" ist also zeitlich effektiv bei der Ladezeit und zeitaufwändiger der Seite, wenn die Variable wahr wird. Es muss das gesamte Element rendern, während „V-Show“ zeitlich effektiv für die Wahrheit der variablen zeitaufwändigen zur Ladezeit der Webseite ist.
In Ordnung! Schauen wir uns eine Richtlinie an, die das Argument nimmt.
"V-Bind" -Richtlinie
Eine weitere am häufigsten verwendete Anweisung ist „V-Bind“, die zum Interagieren und Aktualisieren der HTML-Attribute verwendet wird. Wenn wir beispielsweise eine Variable an das Attribut "href" des Tags binden möchten, können wir das "HREF" -Merkmal wie folgt binden:
"V-on" -Richtlinie
Genau wie die "V-Bind" -Richtlinie bietet VUE eine "V-On" -Richtlinie für die Bindung der Variablen für das Anhören der im DOM abgefeuerten Ereignisse. Zum Beispiel würde die Syntax so wie folgt, um das Klickereignis zu hören und eine Variable zu binden:
In den umgekehrten Kommas können wir sowohl den Ausdruck als auch den Funktionen bereitstellen.
Abschluss
Wir haben über die Richtlinien in Vue gelernt und sehen, wie man die Richtlinien in Vue nutzt.JS. Wir haben einige der am häufigsten verwendeten und grundlegenden integrierten Vue-Richtlinien besprochen.JS, was viel hilft und viel Zeit in der Entwicklung spart.