Vue.Événements JS Click

Vue.Événements JS Click

Vue.JS est une bibliothèque très puissante, facile à apprendre et accessible qu'avec la connaissance de HTML, CSS et JavaScript, nous pouvons commencer à y créer des applications Web. Vue.JS est construit en combinant les meilleures fonctionnalités de frameworks angulaires et réagis déjà existants. Il s'agit d'un cadre JavaScript progressif et réactif qui est utilisé pour créer des UIS (interfaces utilisateur) et des spas (applications à une page), c'est pourquoi les développeurs aiment coder et ressentir la liberté et le confort tout en développant des applications en Vue.js.Si nous jetons un coup d'œil à l'événement à l'écoute et à la manipulation en Vue.js., Nous saurons qu'il fournit une directive «V-on» pour écouter et gérer les événements. Nous pouvons utiliser la directive «V-on» pour écouter le DOM et effectuer les tâches requises. Il fournit également de nombreux gestionnaires d'événements. Cependant, dans cet article, nous n'apprendrons et ne nous concentrerons que sur les événements de clics. Alors, commençons!

Tout comme l'événement OnClick de JavaScript, Vue.JS fournit V-on: cliquez sur les événements d'écoute.

L'événement Syntax for V-on: cliquez comme ceci:

Vue.JS fournit également un sténographie «@» au lieu d'utiliser «v-on».

Vue.JS ne s'arrête pas à écouter simplement l'événement de clic et à appeler la fonction. Il nous permettra également d'écrire directement toute opération arithmétique ou tout ce qui est lié à JavaScript à l'intérieur des guillemets «». Juste comme ça:

Vue.JS nous fournit pour appeler la méthode ou la fonction dans une instruction JavaScript en ligne, comme indiqué ci-dessous:

En utilisant Vue.Les gestionnaires d'événements de JS, nous pouvons également accéder à l'événement DOM, en utilisant une instruction en ligne, en passant le Vue.JS est particulièrement fournie «$ événement» dans l'argument de la méthode, tout comme l'exemple ci-dessous:

Vue.JS nous fournit également pour appeler plusieurs fonctions ou méthodes. Nous pouvons appeler plus d'une fonction et les séparer par des virgules, comme cet exemple:

Vue.JS fournit également des modificateurs d'événements.

Modificateurs d'événements

Nous devons souvent appeler des modificateurs avec les événements. Alors, Vue.JS fournit certains des modificateurs suivants:

.arrêt

Cela arrêtera la transmission de l'événement click.

.prévenir

Il empêchera la page de recharger ou de rediriger.

.une fois

Il déclenchera l'événement de clic qu'une seule fois.

.capture

Il est principalement utilisé pour ajouter l'écouteur d'événements.

Nous pouvons également enchaîner les modificateurs. Cependant, gardez à l'esprit que l'ordre des modificateurs est important, et cela affectera les résultats.

Conclusion

Dans cet article, nous avons couvert l'ensemble des concepts de gestion des événements de clics de NOOB au niveau Ninja. Nous avons appris les différentes syntaxes de l'écriture de clics et les différentes façons d'utiliser V-on: cliquez Directive fournie par Vue.JS pour la facilité des développeurs et différents modificateurs d'événements. Pour un contenu plus utile comme celui-ci, lié à Vue.js, continuez à visiter Linuxhint.com.