Vue.JS Click Events

Vue.JS è una biblioteca molto potente, facile da apprendere e accessibile che con la conoscenza di HTML, CSS e JavaScript, possiamo iniziare a costruire applicazioni Web. Vue.JS è costruito combinando le migliori caratteristiche di framework angolari e react già esistenti. È un framework JavaScript progressivo e reattivo che viene utilizzato per creare UI (interfacce utente) e SPA (applicazioni a pagina singola), motivo per cui gli sviluppatori amano codificare e sentire la libertà e il comfort durante lo sviluppo di applicazioni in VUE.js.Se diamo un'occhiata all'ascolto e alla gestione dell'evento in Vue.js., Sapremo che fornisce una direttiva "v-on" per ascoltare e gestire gli eventi. Possiamo utilizzare la direttiva "V-On" per ascoltare il DOM ed eseguire le attività richieste. Fornisce anche molti gestori di eventi. Tuttavia, in questo articolo, impareremo e manterremo la nostra attenzione agli eventi click. Quindi iniziamo!

Proprio come l'evento OnClick di JavaScript, Vue.JS fornisce v-on: fare clic per gli eventi di ascolto.

La sintassi per V-On: Fare clic sull'evento sarebbe così:

Vue.JS fornisce anche una stenografia "@" invece di usare "v-on".

Vue.JS non si ferma solo ascoltare l'evento Click e chiamare la funzione. Ci permetterà inoltre di scrivere direttamente qualsiasi operazione aritmetica o qualsiasi cosa correlata a JavaScript all'interno delle virgolette "". Proprio come questo:

Vue.JS ci fornisce di chiamare il metodo o la funzione in un'istruzione JavaScript in linea, come mostrato di seguito:

Usando vue.I gestori di eventi di JS, possiamo anche accedere all'evento DOM, usando l'istruzione inline, passando la Vue.JS ha fornito in particolare la variabile "$ event" nell'argomento del metodo, proprio come l'esempio seguente:

Vue.JS ci fornisce anche per chiamare più funzioni o metodi. Possiamo chiamare più di una funzione e separarli da virgole, come questo esempio:

Vue.JS fornisce anche modificatori di eventi.

Modificatori dell'evento

Spesso dobbiamo chiamare modificatori insieme agli eventi. Quindi, Vue.JS fornisce alcuni dei seguenti modificatori:

.fermare

Fermerà la trasmissione dell'evento click.

.impedire

Impedirà alla pagina di ricaricare o reindirizzare.

.una volta

Attiverà l'evento click una sola volta.

.catturare

È principalmente utilizzato per aggiungere l'ascoltatore di eventi.

Possiamo anche ginare i modificatori. Tuttavia, tieni presente che l'ordine dei modificatori conta e influenzerà i risultati.

Conclusione

In questo articolo, abbiamo coperto i concetti di gestione degli eventi dell'intero clic da Noob al livello Ninja. Abbiamo appreso le diverse sintassi della scrittura di eventi di clic e i diversi modi di usare V-On: clicca Direttiva fornita da Vue.JS per la facilità di sviluppatori e diversi modificatori di eventi. Per contenuti più utili come questo, relativi a Vue.JS, continua a visitare Linuxhint.com.