Vue.JS kliknij zdarzenia

Vue.JS jest bardzo potężną, łatwą do nauki i przystępną biblioteką, która ze znajomością HTML, CSS i JavaScript możemy zacząć budować w nim aplikacje internetowe. Vue.JS jest zbudowany przez połączenie najlepszych funkcji już istniejących ram kątowych i react. Jest to progresywna i reaktywna framework JavaScript, który jest używany do budowania interfejsów użytkowników (interfejsy użytkownika) i spa (aplikacje jednodrzewodowe), dlatego programiści uwielbiają kodować i czuć swobodę i komfort podczas opracowywania aplikacji w Vue.JS.Jeśli przyjrzymy się wydarzeniu, słuchając i obchodząc się z Vue.JS., Będziemy wiedzieć, że zapewnia to „V-ON” do słuchania i obsługi wydarzeń. Możemy użyć dyrektywy „V-ON” do słuchania DOM i wykonania wymaganych zadań. Zapewnia także wielu obsługi zdarzeń. Jednak w tym artykule nauczymy się tylko i skupimy się na wydarzeniach kliknięcia. Więc zacznijmy!

Podobnie jak wydarzenie OnClick JavaScript, Vue.JS zapewnia V-ON: Kliknij, aby znaleźć wydarzenia słuchowe.

Składnia dla zdarzenia V-ON: Click byłby tak:

Vue.JS zapewnia krótki „@” zamiast używać „V-on”.

Vue.JS nie zatrzymuje się tylko w słuchaniu zdarzenia kliknięcia i wywoływania funkcji. Pozwoli nam również bezpośrednio napisać dowolną operację arytmetyczną lub cokolwiek związanego z JavaScript w cudzysłowie „”. Takie jak to:

Vue.JS zapewnia nam wywołanie metody lub funkcji w instrukcji JavaScript, jak pokazano poniżej:

Za pomocą vue.Modułów zdarzeń JS, możemy również uzyskać dostęp do zdarzenia DOM, używając instrukcji inline, przekazując vue.JS szczególnie dostarczył zmienną „$ zdarzenie” w argumencie metody, podobnie jak poniższy przykład:

Vue.JS zapewnia nam również wywołanie wielu funkcji lub metod. Możemy wywołać więcej niż jedną funkcję i oddzielić je przecinkami, podobnie jak ten przykład:

Vue.JS zapewnia również modyfikatory zdarzeń.

Modyfikatory zdarzeń

Często musimy wywoływać modyfikatory wraz z wydarzeniami. Więc Vue.JS zapewnia niektóre z następujących modyfikatorów:

.zatrzymywać się

Zatrzyma transmisję wydarzenia kliknięcia.

.zapobiegać

Zapobiegnie przeładowaniu lub przekierowaniu strony.

.raz

Spowoduje to zdarzenie kliknięcia tylko raz.

.schwytać

Służy głównie do dodania słuchacza zdarzeń.

Możemy również łagodzić modyfikatory. Pamiętaj jednak, że kolejność modyfikatorów ma znaczenie i wpłynie na wyniki.

Wniosek

W tym artykule omówiliśmy koncepcje obsługi zdarzeń całego kliknięcia od poziomu NOOB do Ninja. Dowiedzieliśmy się o różnych składniach pisania zdarzeń kliknięcia i różnych sposobach użycia V-ON: kliknij Dyrektywa dostarczona przez Vue.JS dla łatwości programistów i różnych modyfikatorów zdarzeń. Aby uzyskać bardziej przydatne treści, związane z Vue.JS, odwiedzaj Linuxhint.com.