Phenquestions
Vue.js on mitmekülgne ja täieõiguslik raamistik tohutute veebirakenduste loomiseks. Kõik veebirakendused jagunevad komponentideks. Näiteks lihtne veebisait, mis sisaldab päist, külgriba ja mõnda muud komponenti. Selle komponendipõhise lähenemise haldamiseks ja käsitsemiseks on Vue.js pakub vanema ja lapse suhet komponentide vahel ja kui me tahame osa andmeid komponentide vahel saata. Vue.js pakub rekvisiite andmete saatmiseks vanemalt lapsekomponendile, kuid andmete saatmine lapselt vanemale; peame välja andma kohandatud üritusi. Sellest artiklist saame teada kohandatud sündmuste vallandamise ja kuulamise kohta.Kõigepealt vaatame, kuidas Vue'is kohandatud sündmus käivitada.js ja siis kuidas seda sündmust kuulata. Vue sündmuse käivitamise süntaks.js on
seda.$ emit ('eventName')Selles süntaksis peame olema sündmusele nime andes ettevaatlikud, kuna kasutame sama nime; hiljem kuulame seda sündmust. Selle sündmuse kuulamiseks saame seda kuulata ka Vue klikiüritust kuulates.js. Näiteks
Me võime kirjutada mis tahes avaldise ümberpööratud komades ja ka funktsiooni. Nii et proovime näidet selle paremaks mõistmiseks.
Näide
Oletame, et meil on komponent nimega „parentComponent“, mis sisaldab alamkomponenti nimega „childComponent“, kellele edastame rekvisiite kasutades sõnumi.
Vanemkomponent
Lapse komponent
Lapsekomponendis hankime rekvisiite ja näitame sõnumit p-märgendis.
msg
Pärast nende kahe komponendi seadistamist. Tere tulemast tagasi meie ParentComponenti. Tere tagasi ütlemiseks loome kõigepealt nupu ja selle nupu klõpsamisel kutsume funktsiooni “helloBack”. Pärast nupu loomist oleks lapsekomponendi HTML selline
sõnum
Loome funktsiooni “helloBackFunc” ka meetodite objektis. Milles me emiteerime "helloBackEvent" koos muutujaga "helloBackVar", mis sisaldab stringi "Hello Parent". Pärast funktsiooni loomist oleks alamkomponendi javascript selline
Oleme ürituse vallandamisega valmis. Nüüd liigume sündmuse kuulamiseks vanemkomponendi juurde.
Vanemakomponendis saame sündmust lihtsalt kuulata, nagu ka klõpsuüritust. Kuulame lihtsalt sündmust ChildComponenti sildis ja kutsume sellel funktsiooni “aitäh ()”.
Tänu funktsioonile määrame edastatud stringi muutujale nimega “thanksMessage”. Pärast funktsiooni loomist ja muutujale edastatud stringi määramist oleks “parentComponent” javascript selline
Ja siduge mallis olev muutuja “thanksMessage” kuhugi, et näha, kas see töötab või mitte.
Vanemkomponent
aitähSõnum
Lapse komponent
Pärast kogu selle koodi loomist ja kirjutamist minge veebilehele ja laadige see uusimate funktsioonide saamiseks uuesti alla.
Näeme, et rekvisiidid edastatakse edukalt lapsekomponendile. Kui klõpsame nuppu, mis on tegelikult alamkomponendis. Tänusõnum tuleks kuvada kohe pärast vanema komponendi pealkirja.
Nagu näete, kuvatakse see.
Nii saame niiviisi kohandatud sündmusi välja anda või käivitada ja neid Vue mõnes muus komponendis kuulata.js.
Kokkuvõte
Selles artiklis oleme õppinud Vue-s kohandatud sündmusi välja andma.js. See artikkel sisaldab samm-sammult õiget näidet selle mõistmiseks koos lühikese selgitusega. Niisiis, loodame, et see artikkel aitab Vue-s paremaid ja selgeid kontseptsioone kohandatud sündmuste väljastamiseks.js. Sellise kasuliku sisu saamiseks külastage linuxhinti.com
