Vue.js ir ļoti spēcīga, viegli apgūstama un pieejama bibliotēka, kurā ar HTML, CSS un Javascript zināšanām mēs varam sākt tajā veidot tīmekļa lietojumprogrammas. Vue.js ir veidots, apvienojot labākās iezīmes no jau esošajiem leņķa un reakcijas ietvariem. Tas ir progresīvs un reaģējošs Javascript ietvars, kas tiek izmantots, lai izveidotu lietotāja saskarnes (lietotāja saskarnes) un SPA (vienas lapas lietojumprogrammas), tāpēc izstrādātājiem patīk kodēt un izjust brīvību un komfortu, izstrādājot lietojumprogrammas Vue.js.Ja mēs ieskatīsimies notikumu klausīšanās un apstrādē Vue.js., mēs zināsim, ka tā nodrošina “v-on” direktīvu, lai klausītos un rīkotos ar notikumiem. Mēs varam izmantot “v-on” direktīvu, lai klausītos DOM un veiktu nepieciešamos uzdevumus. Tas nodrošina arī daudzus pasākumu apstrādātājus. Tomēr šajā rakstā mēs uzzināsim un koncentrēsimies tikai uz klikšķu notikumiem. Tātad, sāksim darbu!
Tāpat kā Javascript onClick notikums, Vue.js nodrošina v-on: click, lai klausītos notikumus.
V-on: click notikuma sintakse būtu šāda:
Vue.js nodrošina stenogrammu “@”, tā vietā, lai izmantotu arī “v-on”.
Vue.js neapstājas tikai ar klikšķa notikuma klausīšanos un funkcijas izsaukšanu. Tas arī ļaus mums pēdiņās “” tieši ierakstīt jebkuru aritmētisko darbību vai visu, kas saistīts ar Javascript. Tieši šādi:
Vue.js nodrošina iespēju izsaukt metodi vai funkciju iekļautajā Javascript paziņojumā, kā parādīts zemāk:
Izmantojot Vue.js notikumu apstrādātāji, mēs varam piekļūt arī DOM notikumam, izmantojot inline paziņojumu, nokārtojot Vue.Js metodes argumentā ir īpaši norādījis mainīgo “$ event”, tāpat kā zemāk redzamo piemēru:
Vue.js arī mums ļauj izsaukt vairākas funkcijas vai metodes. Mēs varam izsaukt vairākas funkcijas un atdalīt tos ar komatiem, piemēram, šo piemēru:
Vue.js nodrošina arī notikumu modifikatorus.
Notikumu modifikatori
Mums bieži vien kopā ar notikumiem ir jāzvana modifikatoriem. Tātad, Vue.js nodrošina dažus no šiem modifikatoriem:
.apstāties
Tas pārtrauks klikšķa notikuma pārraidi.
.novērst
Tas neļaus lapu atkārtoti ielādēt vai novirzīt.
.vienreiz
Tas aktivizēs klikšķa notikumu tikai vienu reizi.
.sagūstīt
To galvenokārt izmanto, lai pievienotu notikumu klausītāju.
Mēs varam ķēdēt arī modifikatorus. Tomēr paturiet prātā, ka modifikatoru kārtībai ir nozīme, un tā ietekmēs rezultātus.
Secinājums
Šajā rakstā mēs esam apskatījuši visus Click notikumu apstrādes jēdzienus no noob līdz ninja līmenim. Mēs esam uzzinājuši par dažādām klikšķu notikumu rakstīšanas sintaksēm un dažādiem izmantošanas veidiem v-on: noklikšķiniet
direktīvu nodrošina Vue.js izstrādātāju un dažādu notikumu modifikatoru ērtībai. Lai iegūtu vairāk noderīga šāda veida satura, kas saistīts ar Vue.js, turpiniet apmeklēt linuxhint.com.