Vue.„js“ yra universali ir visavertė sistema, skirta kurti didžiules interneto programas. Bet kuri interneto programa yra suskirstyta į komponentus. Pavyzdžiui, paprasta svetainė, kurioje yra antraštė, šoninė juosta ir kai kurie kiti komponentai. Siekdama valdyti ir valdyti šį komponentais pagrįstą metodą, „Vue“.js siūlo tėvų ir vaikų santykį tarp komponentų ir, jei norime išsiųsti tam tikrus duomenis tarp komponentų. Vue.js siūlo rekvizitus siųsti duomenis iš tėvų vaiko komponentui, bet siųsti duomenis iš vaiko tėvams; turime išleisti įprastus įvykius. Šiame straipsnyje mes sužinome apie šaudymą ir individualių įvykių klausymą.Pirmiausia pažiūrėkime, kaip paleisti pasirinktinį įvykį „Vue“.js ir kaip tada klausytis to įvykio. Įvykio „Vue“ paleidimo sintaksė.js yra
tai.$ emit ('eventName')Šioje sintaksėje turime būti atsargūs, suteikdami įvykiui pavadinimą, nes naudojame tą patį pavadinimą; vėliau klausysimės šio įvykio. Norėdami klausytis šio įvykio, galime jo klausytis, kai klausomės paspaudimo įvykio „Vue“.js. Pavyzdžiui
Mes galime parašyti bet kurią išraišką apverstuose kableliuose, taip pat funkciją. Taigi pabandykime pavyzdį, kad jį geriau suprastume.
Pavyzdys
Tarkime, kad mes turime komponentą pavadinimu „parentComponent“, į kurį įtraukiamas antrinis komponentas su „childComponent“ pavadinimu, kuriam mes perduodame pranešimą naudodami rekvizitus.
Tėvų komponentas
Vaiko komponentas
Vaiko komponente mes gauname rekvizitus ir rodome pranešimą „p“ žymoje.
msg
Dabar, sukūrę šiuos du komponentus. Pasisveikinkime su „ParentComponent“. Norėdami pasisveikinti atgal, pirmiausia sukursime mygtuką, o spustelėję šį mygtuką iškviesime funkciją „helloBack“. Sukūrus mygtuką, vaiko komponento HTML būtų toks
pranešimas
Sukurkime funkciją „helloBackFunc“ ir metodų objekte. Kuriame mes skleisime „helloBackEvent“ kartu su „helloBackVar“ kintamuoju, kuriame yra eilutė „Hello Parent“. Sukūrus funkciją, antrinio komponento „javascript“ būtų toks
Mes baigėme sušaudyti renginį. Dabar pereikime prie pagrindinio komponento, norėdami klausytis įvykio.
„Tėvų“ komponente mes galime tiesiog klausytis įvykio, kaip ir paspaudimo įvykio. Tiesiog išklausysime įvykį „ChildComponent“ žymoje ir iškviesime jame funkciją „ačiū ()“.
Padėkos funkcijoje priskirsime perduotą eilutę kintamajam pavadinimu „thanksMessage“. Sukūrus funkciją ir priskyrus kintamajam perduotą eilutę, „parentComponent“ javascript būtų toks
Šablone kur nors pririškite „thanksMessage“ kintamąjį, kad pamatytumėte, ar jis veikia, ar ne.
Tėvų komponentas
thanksMessage
Vaiko komponentas
Sukūrę ir parašę visą šį kodą, eikite į tinklalapį ir įkelkite jį iš naujo, kad gautumėte naujausias funkcijas.
Matome, kad rekvizitai sėkmingai perduodami vaiko komponentui. Dabar, jei spustelėsime mygtuką, kuris iš tikrųjų yra antriniame komponente. Padėkos pranešimas turėtų būti rodomas iškart po pagrindinio komponento antraštės.
Kaip matote, jis rodomas.
Taigi, mes galime paskleisti ar suaktyvinti įvykius ir klausytis jų kituose „Vue“ komponentuose.js.
Santrauka
Šiame straipsnyje mes išmokome leisti „Vue“ įprastus įvykius.js. Šiame straipsnyje pateikiamas žingsnis po žingsnio tinkamas pavyzdys, kaip jį suprasti, kartu pateikiant trumpą paaiškinimą. Taigi, tikimės, kad šis straipsnis padės sukurti geresnes ir aiškesnes „Vue“ individualizuotų įvykių skleidimo koncepcijas.js. Norėdami gauti daugiau tokio naudingo turinio, apsilankykite „linuxhint“.com