Vue.js je svestran i punopravni okvir za izgradnju ogromnih web aplikacija. Bilo koja web aplikacija podijeljena je na Komponente. Na primjer, jednostavno web mjesto koje uključuje zaglavlje, bočnu traku i neke druge komponente. Kako bi upravljao i upravljao pristupom temeljenim na komponentama, Vue.js nudi odnos roditelja i djeteta između komponenata i ako želimo slati neke podatke među komponentama. Vue.js nudi rekvizite za slanje podataka od roditelja do podređene komponente, ali za slanje podataka od djeteta do roditelja; moramo emitirati prilagođene događaje. U ovom članku učimo o otpuštanju i preslušavanju prilagođenih događaja.Prije svega, pogledajmo kako pokrenuti prilagođeni događaj u Vueu.js, a zatim kako slušati taj događaj. Sintaksa pokretanja događaja u Vueu.js je
ovaj.$ emit ('eventName')U ovoj sintaksi moramo biti oprezni prilikom davanja naziva događaju jer koristimo isto ime; kasnije ćemo slušati ovaj događaj. Da bismo preslušali ovaj događaj, možemo ga slušati dok slušamo klik klik u Vueu.js. Na primjer
U obrnute zareze možemo upisati bilo koji izraz, kao i funkciju. Pa isprobajmo primjer kako bismo ga bolje razumjeli.
Primjer
Pretpostavimo da imamo komponentu nazvanu „parentComponent“ koja u nju uključuje podređenu komponentu s imenom „childComponent“ kojoj prenosimo poruku koristeći rekvizite.
Nadređena komponenta
Dijete Komponenta
U podređenoj komponenti dobivamo rekvizite i prikazujemo poruku u oznaci 'p'.
msg
Sada nakon postavljanja ove dvije komponente. Pozdravimo se s našom roditeljskom komponentom. Da bismo se pozdravili, prvo ćemo stvoriti gumb, a klikom na taj gumb pozvat ćemo funkciju "helloBack". Nakon stvaranja gumba, HTML podređene komponente bit će ovakav
poruka
Stvorimo funkciju “helloBackFunc” i u objektu metoda. U kojem ćemo emitirati “helloBackEvent” zajedno s varijablom “helloBackVar” koja sadrži niz “Hello Parent”. Nakon stvaranja funkcije, javascript podređene komponente bio bi ovakav
Završili smo s ispaljivanjem događaja. Sada, prijeđimo na roditeljsku komponentu za preslušavanje događaja.
U roditeljskoj komponenti možemo jednostavno preslušati događaj, baš kao i slušati klik. Jednostavno ćemo preslušati događaj u oznaci ChildComponenta i na njemu pozvati funkciju "thanks ()".
U funkciji hvala dodijelit ćemo prosljeđeni niz varijabli nazvanoj "thanksMessage". Nakon stvaranja funkcije i dodjeljivanja prosljeđenog niza varijabli, javascript "nadređene komponente" bio bi ovakav
I negdje povežite varijablu "thanksMessage" u predložak da biste vidjeli radi li ili ne.
Nadređena komponenta
thanksMessage
Dijete Komponenta
Nakon stvaranja i pisanja cijelog ovog koda, idite na web stranicu i ponovo je učitajte da biste dobili najnovije funkcionalnosti.
Možemo vidjeti da se rekviziti uspješno prenose na podređenu komponentu. Ako kliknemo gumb, koji je zapravo u podređenoj komponenti. Poruka zahvale trebala bi se prikazati odmah nakon nadređenog naslova komponente.
Kao što vidite, prikazan je.
Dakle, ovo je način na koji možemo emitirati ili aktivirati prilagođene događaje i slušati ih u nekoj drugoj komponenti u Vueu.js.
Sažetak
U ovom smo članku naučili emitirati prilagođene događaje u Vueu.js. Ovaj članak sadrži korak po korak primjeran primjer za njegovo razumijevanje uz kratko objašnjenje. Nadamo se da ovaj članak pomaže u stvaranju boljih i jasnijih koncepata emitiranja prilagođenih događaja u Vueu.js. Za više takvih korisnih sadržaja, nastavite posjetiti linuxhint.com