Vue.js je vrlo moćna, laka za učenje i pristupačna biblioteka koja znanjem HTML-a, CSS-a i Javascripta u njoj možemo započeti izgradnju web aplikacija. Vue.js je izrađen kombinirajući najbolje značajke već postojećih Angular i Frame Frame. To je progresivni i reaktivni Javascript okvir koji se koristi za izgradnju korisničkog sučelja (korisničkog sučelja) i SPA-a (aplikacije na jednoj stranici), zbog čega programeri vole kodirati i osjećaju slobodu i udobnost tijekom razvoja aplikacija u Vueu.js.Ako pogledamo Slušanje i rukovanje događajima u Vueu.js., znat ćemo da pruža "v-on" direktivu za preslušavanje i obradu događaja. Direktivu "v-on" možemo koristiti za preslušavanje DOM-a i izvršavanje potrebnih zadataka. Također pruža mnoge voditelje događaja. Međutim, u ovom ćemo članku samo naučiti i usredotočiti se na klikove. Pa, krenimo!
Baš kao i Javascriptov događaj onClick, Vue.js nudi v-on: kliknite za slušanje događaja.
Sintaksa događaja v-on: click bila bi sljedeća:
Vue.js daje skraćenicu "@", umjesto da koristi "v-on".
Vue.js se ne zaustavlja samo u preslušavanju događaja klika i pozivu funkcije. Omogućit će nam i izravno upisivanje bilo koje aritmetičke operacije ili bilo čega što je povezano s Javascriptom unutar navodnika "". Bas ovako:
Vue.js nam omogućuje pozivanje metode ili funkcije u umetnutom Javascript izrazu, kao što je prikazano dolje:
Koristeći Vue.js-ovima obrađivača događaja, možemo pristupiti i DOM događaju, koristeći ugrađeni izraz, dodavanjem Vue-a.js je posebno pružio varijablu "$ event" u argument metode, baš kao i primjer u nastavku:
Vue.js nam također omogućuje pozivanje više funkcija ili metoda. Možemo pozvati više funkcija i razdvojiti ih zarezima, poput ovog primjera:
Vue.js nudi i modifikatore događaja.
Modifikatori događaja
Često moramo pozivati modifikatore zajedno s događajima. Dakle, Vue.js nudi neke od sljedećih modifikatora:
.Stop
Zaustavit će prijenos događaja klika.
.spriječiti
To će spriječiti ponovno učitavanje ili preusmjeravanje stranice.
.jednom
Pokrenut će događaj klika samo jednom.
.uhvatiti
Uglavnom se koristi za dodavanje slušatelja događaja.
Možemo i lančiće prilagoditi lancima. Međutim, imajte na umu da je redoslijed modifikatora važan i da će to utjecati na rezultate.
Zaključak
U ovom smo članku pokrili cijele koncepte rukovanja događajima Click od noob do ninja razine. Saznali smo o različitim sintaksama pisanja klikova i različitim načinima korištenja v-on: klik
direktivu koju je dostavio Vue.js zbog lakoće programera i različitih modifikatora događaja. Za korisniji ovakav sadržaj vezan uz Vue.js, nastavite posjećivati linuxhint.com.