Vue.js on erittäin tehokas, helppo oppia ja helposti lähestyttävä kirjasto, joka HTML: n, CSS: n ja Javascriptin tuntemuksella voimme alkaa rakentaa siihen verkkosovelluksia. Vue.js on rakennettu yhdistämällä jo olemassa olevien kulma- ja reaktiokehysten parhaat ominaisuudet. Se on progressiivinen ja reaktiivinen Javascript-kehys, jota käytetään UI: n (User Interfaces) ja SPA: n (Single-page Applications) rakentamiseen, minkä vuoksi kehittäjät rakastavat koodata ja tuntevat vapautta ja mukavuutta kehittäessään sovelluksia Vue-sovelluksessa.js.Jos katsomme tapahtuman kuuntelua ja käsittelyä Vue.js., me tiedämme, että se tarjoaa "on-on" -direktiivin kuunnella ja käsitellä tapahtumia. Voimme käyttää v-on-direktiiviä DOM: n kuunteluun ja vaadittujen tehtävien suorittamiseen. Se tarjoaa myös monia tapahtumankäsittelijöitä. Tässä artikkelissa opimme kuitenkin ja pidämme vain keskitymme napsautustapahtumiin. Joten, aloitetaan!
Aivan kuten Javascriptin onClick-tapahtuma, Vue.js tarjoaa v-on: napsauta kuunnellaksesi tapahtumia.
V-on: click -tapahtuman syntaksin muoto on seuraava:
Vue.js tarjoaa lyhenteen "@" eikä "v-on".
Vue.js ei lopu vain napsautustapahtuman kuuntelemiseen ja toiminnon kutsumiseen. Sen avulla voimme myös kirjoittaa minkä tahansa aritmeettisen operaation tai kaiken Javascriptiin liittyvän lainausmerkkien sisään "". Juuri näin:
Vue.js antaa meille kutsua menetelmää tai toimintoa inline Javascript-käskyssä, kuten alla on esitetty:
Vue: n käyttäminen.js: n tapahtumankäsittelijät, pääsemme myös DOM-tapahtumaan käyttämällä inline-lausetta ohittamalla Vue.js: n erityisesti toimittama muuttuja "$ event" menetelmän argumenttiin, kuten alla oleva esimerkki:
Vue.js antaa meille myös mahdollisuuden kutsua useita toimintoja tai menetelmiä. Voimme kutsua useita toimintoja ja erottaa ne pilkuilla, kuten tämä esimerkki:
Vue.js tarjoaa myös tapahtuman muokkaajia.
Tapahtuman muokkaajat
Meidän on usein soitettava muokkaajiin tapahtumien ohella. Joten, Vue.js tarjoaa joitain seuraavista muokkaajista:
.lopettaa
Se lopettaa napsautustapahtuman lähetyksen.
.estää
Se estää sivua lataamasta tai ohjaamasta uudelleen.
.kerran
Se laukaisee napsautustapahtuman vain kerran.
.kaapata
Sitä käytetään enimmäkseen tapahtumakuuntelijan lisäämiseen.
Voimme ketjuttaa myös modifikaattorit. Muista kuitenkin, että muokkaajien järjestyksellä on merkitystä, ja se vaikuttaa tuloksiin.
Johtopäätös
Tässä artikkelissa olemme käsitelleet koko Click-tapahtumankäsittelykonseptit noobista ninja-tasoon. Olemme oppineet napsautustapahtumien kirjoittamisen eri syntaksista ja käyttötavoista v-on: napsauta
Vue tarjoaa.js kehittäjien ja erilaisten tapahtumamuokkaajien helppoudelle. Saat hyödyllistä sisältöä, kuten tämä, joka liittyy Vueen.js, jatka käyntiä linuxhintissa.com.