Was ist eine Vue -Richtlinie und wie man sie benutzt??

Was ist eine Vue -Richtlinie und wie man sie benutzt??

Ein Rahmen zielt darauf ab, solche Funktionen bereitzustellen, die den Entwicklungsprozess für die Entwickler erleichtern und schneller machen. Vue.JS ist ein solches mit Merkmal angereichertes JavaScript-Framework, das viele integrierte Funktionen und Richtlinien bietet, um den Entwicklungsprozess schnell durchzuführen. Es müssen jedoch einige Szenarien kommen, wenn Sie eine Funktionalität benötigen, die im Rahmen nicht verfügbar ist. Daher müssen Sie Ihre eigenen erstellen.

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.