Vue.js je velmi výkonná, snadno se naučitelná a přístupná knihovna, se kterou díky znalostem HTML, CSS a Javascript můžeme začít vytvářet webové aplikace. Vue.js je vytvořen kombinací nejlepších funkcí z již existujících rámců Angular a React. Jedná se o progresivní a reaktivní rámec Javascript, který se používá k vytváření uživatelských rozhraní (uživatelských rozhraní) a SPA (jednostránkových aplikací), což je důvod, proč vývojáři rádi kódují a cítí svobodu a pohodlí při vývoji aplikací ve Vue.js.Pokud se podíváme na Poslech událostí a manipulaci s nimi ve Vue.js., budeme vědět, že poskytuje direktivu „v-on“ pro poslech a zpracování událostí. K poslechu DOM a provádění požadovaných úkolů můžeme použít direktivu „v-on“. Poskytuje také mnoho obslužných rutin událostí. V tomto článku se však budeme učit a soustředit se pouze na události kliknutí. Pojďme tedy začít!
Stejně jako událost onClick Javascript, Vue.js poskytuje v-on: click pro poslech událostí.
Syntaxe události v-on: click bude vypadat takto:
Vue.js místo zkratky „v-on“ poskytuje zkratku „@“.
Vue.js se nezastaví jen při poslechu události kliknutí a volání funkce. Umožní nám také přímo napsat jakoukoli aritmetickou operaci nebo cokoli, co souvisí s Javascriptem, do uvozovek „“. Stejně jako toto:
Vue.js nám umožňuje volat metodu nebo funkci ve vloženém příkazu Javascript, jak je uvedeno níže:
Používání Vue.Obslužné rutiny událostí js, můžeme také přistupovat k události DOM pomocí inline příkazu předáním Vue.JS má do argumentu metody speciálně poskytnutou proměnnou „$ event“, stejně jako příklad níže:
Vue.js nám také poskytuje volání více funkcí nebo metod. Můžeme volat více než jednu funkci a oddělit je čárkami, jako je tento příklad:
Vue.js poskytuje také modifikátory událostí.
Modifikátory událostí
Spolu s událostmi musíme často volat modifikátory. Takže, Vue.js poskytuje některé z následujících modifikátorů:
.stop
Zastaví přenos události kliknutí.
.zabránit
Zabrání to opětovnému načtení nebo přesměrování stránky.
.jednou
Událost kliknutí se spustí pouze jednou.
.zajmout
Většinou se používá k přidání posluchače událostí.
Modifikátory můžeme také zřetězit. Mějte však na paměti, že na pořadí modifikátorů záleží a ovlivní to výsledky.
Závěr
V tomto článku jsme se zabývali celou koncepcí zpracování událostí Click od úrovně noob po úroveň ninja. Dozvěděli jsme se o různých syntaxích psaní událostí kliknutí a různých způsobech použití v-on: klikněte
směrnice poskytovaná společností Vue.js pro snadnost vývojářů a různých modifikátorů událostí. Další užitečný obsah, jako je tento, související s Vue.js, navštěvujte linuxhint.com.