Vue.JS Klicken Sie auf Ereignisse

Vue.JS ist eine sehr leistungsstarke, leicht lernende und zugängliche Bibliothek, dass wir mit dem Wissen von HTML, CSS und JavaScript mit dem Erstellen von Webanwendungen damit beginnen können. Vue.JS wird gebaut, indem die besten Funktionen aus bereits vorhandenen Angular- und React -Frameworks kombiniert werden. Es ist ein progressives und reaktives JavaScript.JS.Wenn wir uns die Veranstaltung ansehen, die in Vue zuhört und behandelt wird.JS., Wir werden wissen, dass es eine V-On-Richtlinie bietet, um Ereignisse zuzuhören und umzugehen. Wir können die V-On-Richtlinie verwenden, um das DOM anzuhören und die erforderlichen Aufgaben auszuführen. Es bietet auch viele Event -Handler. In diesem Artikel werden wir jedoch nur lernen und uns auf die Click -Ereignisse konzentrieren. Also lasst uns anfangen!

Genau wie das Onclick -Event von JavaScript, Vue.JS bietet V-On: Klicken Sie auf Hörereignisse.

Die Syntax für V-On: Klickereignis wäre wie folgt:

Vue.JS liefert eine Abkürzung "@", anstatt auch "V-on" zu verwenden.

Vue.JS hört nicht auf, nur das Klickereignis anzuhören und die Funktion anzurufen. Es ermöglicht uns auch, eine arithmetische Operation oder alles, was mit JavaScript in den Anführungszeichen in Bezug auf JavaScript zu tun hat, direkt zu schreiben. Genau wie dieser:

Vue.JS bietet uns die Methode oder Funktion in einer Inline -JavaScript -Anweisung, wie unten gezeigt:

Verwenden von Vue.Die Event -Handler von JS können auch auf das DOM -Ereignis zugreifen, indem wir den Vue übergeben.JS 'insbesondere $ Event -Variable in das Argument der Methode, genau wie im folgenden Beispiel:

Vue.JS bietet uns auch, mehrere Funktionen oder Methoden aufzurufen. Wir können mehr als eine Funktion aufrufen und sie durch Kommas trennen, wie dieses Beispiel:

Vue.JS bietet auch Veranstaltungsmodifikatoren.

Ereignismodifikatoren

Wir müssen oft Modifikatoren zusammen mit den Ereignissen anrufen. Also Vue.JS liefert einige der folgenden Modifikatoren:

.stoppen

Es wird das Übertragung des Klick -Ereignisses gestoppt.

.verhindern

Es wird verhindern, dass die Seite neu lädt oder weiterleitet.

.einmal

Es wird das Klickereignis nur einmal ausgelöst.

.ergreifen

Es wird meistens verwendet, um den Event -Hörer hinzuzufügen.

Wir können auch die Modifikatoren ketten. Beachten Sie jedoch, dass die Reihenfolge der Modifikatoren wichtig ist und die Ergebnisse beeinflusst.

Abschluss

In diesem Artikel haben wir die gesamten Klick -Event -Bearbeitungskonzepte von Noob bis Ninja -Ebene behandelt. Wir haben die verschiedenen Syntaxen des Schreibens von Klickereignissen und die verschiedenen Möglichkeiten kennengelernt V-On: Klicken Sie Richtlinie von Vue.JS für die Leichtigkeit der Entwickler und verschiedene Ereignismodifikatoren. Für nützlichere Inhalte wie diesen im Zusammenhang mit VUE.JS, besuchen Sie weiter LinuxHint.com.