Vue.js je veľmi výkonná, ľahko sa učiaca a prístupná knižnica, ktorú so znalosťami HTML, CSS a Javascript môžeme začať vytvárať v nej webové aplikácie. Vue.js je zostavený kombináciou najlepších funkcií z už existujúcich rámcov Angular a React. Jedná sa o progresívny a reaktívny rámec Javascript, ktorý sa používa na vytváranie používateľských rozhraní (User Interfaces) a SPAs (Single-page Applications). Preto vývojári veľmi radi kódujú a cítia slobodu a pohodlie pri vývoji aplikácií vo Vue.js.Ak sa pozrieme na Event Listening and Handling in Vue.js., budeme vedieť, že poskytuje smernicu „v-on“ na počúvanie a spracovanie udalostí. Na počúvanie modelu DOM a vykonávanie požadovaných úloh môžeme použiť direktívu „v-on“. Poskytuje tiež mnoho obslužných rutín udalostí. V tomto článku sa však iba naučíme a zameriame sa len na udalosti kliknutí. Takže poďme na to!
Rovnako ako udalosť onClick v jazyku Javascript, Vue.js poskytuje v-on: click pre počúvanie udalostí.
Syntax udalosti v-on: click bude vyzerať takto:
Vue.js namiesto skratky „v-on“ poskytuje skratku „@“.
Vue.js nekončí iba pri počúvaní udalosti kliknutia a volaní funkcie. Umožní nám to tiež priamo napísať akúkoľvek aritmetickú operáciu alebo čokoľvek, čo súvisí s Javascriptom, do úvodzoviek „“. Presne takto:
Vue.js nám umožňuje volať metódu alebo funkciu vo vloženom výroku Javascript, ako je uvedené nižšie:
Pomocou aplikácie Vue.Obslužné rutiny udalostí js môžeme tiež získať prístup k udalosti DOM pomocou príkazu inline odovzdaním Vue.js je špeciálne poskytnutá premenná „$ event“ do argumentu metódy, rovnako ako príklad nižšie:
Vue.js nám tiež poskytuje volanie viacerých funkcií alebo metód. Môžeme zavolať viac ako jednu funkciu a oddeliť ich čiarkami, ako je tento príklad:
Vue.js poskytuje tiež modifikátory udalostí.
Modifikátory udalostí
Spolu s udalosťami musíme často volať modifikátorov. Takže, Vue.js poskytuje niektoré z nasledujúcich modifikátorov:
.prestaň
Zastaví prenos udalosti kliknutia.
.zabrániť
Zabráni to opätovnému načítaniu alebo presmerovaniu stránky.
.raz
Udalosť kliknutia sa spustí iba raz.
.zajať
Väčšinou sa používa na pridanie poslucháča udalostí.
Modifikátory môžeme tiež reťaziť. Nezabúdajte však, že záleží na poradí modifikátorov a ovplyvní to výsledky.
Záver
V tomto článku sme sa zaoberali celou koncepciou spracovania udalostí Click od úrovne noob po ninja. Dozvedeli sme sa o rôznych syntaxiach písania udalostí kliknutí a o rôznych spôsoboch použitia v-on: kliknite
smernica poskytnutá spoločnosťou Vue.js pre jednoduchosť vývojárov a rôznych modifikátorov udalostí. Pre viac užitočného obsahu ako je tento, súvisiaci s Vue.js, pokračuj v návšteve linuxhint.com.