Vue.js je vsestranski in polnopravni okvir za izdelavo ogromnih spletnih aplikacij. Vsaka spletna aplikacija je razdeljena na komponente. Na primer preprosto spletno mesto, ki vključuje glavo, stransko vrstico in nekatere druge komponente. Za upravljanje in obvladovanje tega pristopa, ki temelji na komponentah, Vue.js ponuja odnos med starši in otrokom med komponentami in če želimo poslati nekatere podatke med komponentami. Vue.js ponuja rekvizite za pošiljanje podatkov od starša do podrejene komponente, vendar za pošiljanje podatkov od otroka do starša; oddajati moramo prireditve po meri. V tem članku izvemo o sprožitvi in poslušanju dogodkov po meri.Najprej poglejmo, kako sprožiti dogodek po meri v Vueju.js in nato, kako poslušati ta dogodek. Sintaksa sprožitve dogodka v Vueju.js je
to.$ emit ('eventName')V tej sintaksi moramo biti previdni pri dajanju imena dogodku, ker uporabljamo isto ime; bomo kasneje poslušali ta dogodek. Da bi poslušali ta dogodek, ga lahko poslušamo, ko poslušamo dogodek klika v Vueju.js. Na primer
V obrnjene vejice lahko zapišemo poljuben izraz in funkcijo. Preizkusimo torej primer, da ga bolje razumemo.
Primer
Recimo, da imamo komponento z imenom "parentComponent", ki vanj vključuje podrejeno komponento z imenom "childComponent", ki ji s pomočjo rekvizitov posredujemo sporočilo.
Nadrejena komponenta
Otroška komponenta
V podrejeni komponenti dobimo rekvizite in prikažemo sporočilo v oznaki 'p'.
msg
Zdaj po nastavitvi teh dveh komponent. Pozdravimo nazaj našo ParentComponent. Da bi se pozdravili, bomo najprej ustvarili gumb in ob kliku tega gumba poklicali funkcijo »helloBack«. Po ustvarjanju gumba bi bil HTML podrejene komponente takšen
sporočilo
Ustvarimo funkcijo “helloBackFunc” tudi v objektu metod. V katerem bomo oddali “helloBackEvent” skupaj s spremenljivko “helloBackVar”, ki vsebuje niz “Hello Parent”. Po ustvarjanju funkcije bi bil JavaScript podrejene komponente takšen
Končali smo s sprožitvijo dogodka. Zdaj pa pojdimo na nadrejeno komponento za poslušanje dogodka.
V komponenti Starš lahko preprosto poslušamo dogodek, tako kot poslušamo dogodek klika. Preprosto bomo poslušali dogodek v oznaki ChildComponent in na njem poklicali funkcijo "thanks ()".
V funkciji hvala bomo spremenljivki z imenom »thanksMessage« dodelili posredovani niz. Po ustvarjanju funkcije in dodelitvi posredovanega niza spremenljivki bi bil JavaScript »nadrejene komponente« takšen
In spremenljivko »thanksMessage« v predlogo nekje povežite, da vidite, ali deluje ali ne.
Nadrejena komponenta
thanksMessage
Otroška komponenta
Ko ustvarite in napišete vso to kodo, pojdite na spletno stran in jo znova naložite, da dobite najnovejše funkcije.
Vidimo, da se rekviziti uspešno prenesejo v podrejeno komponento. Zdaj, če kliknemo gumb, ki je dejansko v podrejeni komponenti. Sporočilo zahval bi moralo biti prikazano takoj za nadrejenim naslovom komponente.
Kot vidite, je prikazan.
Torej, tako lahko oddajamo ali sprožamo prireditve po meri in jih poslušamo v neki drugi komponenti v Vueju.js.
Povzetek
V tem članku smo se naučili oddajati dogodke po meri v Vueju.js. Ta članek vsebuje primer po korakih, kako ga razumeti, skupaj s kratko razlago. Upamo, da ta članek pomaga pri boljših in jasnejših konceptih oddajanja dogodkov po meri v Vueju.js. Za več takšne uporabne vsebine nadaljujte z obiskom linuxhint.com