Vue.A js egy nagyon hatékony, könnyen megtanulható és megközelíthető könyvtár, amely a HTML, CSS és a Javascript ismeretében elkezdhetünk webalkalmazásokat építeni benne. Vue.A js a már meglévő szög- és reagálókeret legjobb tulajdonságainak ötvözésével épül fel. Ez egy progresszív és reaktív Javascript keretrendszer, amelyet UI-k (felhasználói interfészek) és SPA-k (egyoldalas alkalmazások) építésére használnak, ezért a fejlesztők szeretnek kódolni, és érzik a szabadságot és kényelmet, miközben fejlesztenek alkalmazásokat a Vue-ban.js.Ha egy pillantást vetünk az esemény hallgatására és kezelésére Vue-ban.js., tudni fogjuk, hogy „v-on” irányelvet nyújt az események meghallgatására és kezelésére. Használhatjuk a „v-on” irányelvet a DOM meghallgatására és a szükséges feladatok elvégzésére. Számos eseménykezelőt is biztosít. Ebben a cikkben azonban csak a kattintási eseményekre fogunk megtanulni és összpontosítani fogunk. Tehát kezdjük!
Csakúgy, mint a Javascript onClick eseménye, a Vue.A js v-on: kattintson a hallgatási eseményekhez.
A v-on: click esemény szintaxisa a következő lenne:
Vue.A js rövidítést használ a „@” helyett a „v-on” használata helyett.
Vue.A js nem áll meg abban, hogy csak meghallgatja a kattintási eseményt és meghívja a függvényt. Ez lehetővé teszi számunkra, hogy bármilyen számtani műveletet vagy bármit, ami a Javascripthez kapcsolódik, közvetlenül idézőjelbe írjuk. Mint ez:
Vue.A js lehetővé teszi számunkra, hogy meghívjuk a módszert vagy függvényt egy soros Javascript utasításban, az alábbiak szerint:
A Vue használata.js eseménykezelői, a Due eseményhez is hozzáférhetünk, inline utasítás segítségével, a Vue átadásával.A js kifejezetten megadta a „$ event” változót a módszer argumentumában, csakúgy, mint az alábbi példa:
Vue.A js több funkció vagy módszer meghívására is lehetőséget nyújt. Több funkciót is meghívhatunk, és vesszővel elválaszthatjuk őket, például ez a példa:
Vue.A js eseménymódosítókat is biztosít.
Esemény módosítók
Gyakran módosítókat kell hívnunk az eseményekkel együtt. Szóval, Vue.A js a következő módosítókat kínálja:
.álljon meg
Leállítja a kattintási esemény továbbítását.
.megelőzni
Megakadályozza az oldal újratöltését vagy átirányítását.
.egyszer
Csak egyszer indítja el a kattintási eseményt.
.elfog
Leginkább az eseményhallgató hozzáadására szolgál.
Láncolhatjuk a módosítókat is. Ne feledje azonban, hogy a módosítók sorrendje számít, és ez befolyásolja az eredményeket.
Következtetés
Ebben a cikkben a teljes Click eseménykezelési koncepciót lefedtük a noobtól a ninja szintig. Megismertük a kattintási események írásának különböző szintaxisait és a felhasználás különböző módjait v-on: kattintson
a Vue által biztosított irányelv.js a fejlesztők és a különböző eseménymódosítók megkönnyítése érdekében. Az ehhez hasonló, a Vue-hoz kapcsolódó tartalmakért.js, folytassa a linuxhint látogatását.com.