Вуе

Вуе.јс емитују прилагођене догађаје

Вуе.јс емитују прилагођене догађаје

Вуе.јс је свестран и пуноправан оквир за изградњу огромних веб апликација. Било која веб апликација је подељена на компоненте. На пример, једноставна веб локација која укључује заглавље, бочну траку и неке друге компоненте. Да би управљао и управљао овим приступом заснован на компонентама, Вуе.јс нуди однос родитеља и детета између компоненти и ако желимо да пошаљемо неке податке преко компоненти. Вуе.јс нуди реквизите за слање података од родитеља до подређене компоненте, али за слање података од детета до родитеља; морамо емитовати прилагођене догађаје. У овом чланку сазнајемо о отпуштању и преслушавању прилагођених догађаја.Пре свега, да видимо како да покренемо прилагођени догађај у Вуе-у.јс, а затим како слушати тај догађај. Синтакса покретања догађаја у Вуе-у.јс је

ово.$ емит ('евентНаме')

У овој синтакси морамо бити опрезни док дајемо име догађају јер користимо исто име; касније ћемо слушати овај догађај. Да бисмо преслушали овај догађај, можемо га слушати док слушамо клик клик у Вуе-у.јс. На пример

У обрнуте зарезе можемо уписати било који израз, као и функцију. Покушајмо на примеру да бисмо га боље разумели.

Пример

Претпоставимо да имамо компоненту која се зове „парентЦомпонент“, која у њу укључује подређену компоненту са именом „цхилдЦомпонент“ којој преносимо поруку користећи реквизите.


У подређеној компоненти добијамо реквизите и приказујемо поруку у ознаци 'п'.


Сада након постављања ове две компоненте. Хајде да се поздравимо са нашом ПарентЦомпонент. Да бисмо се поздравили, прво ћемо створити дугме, а кликом на то дугме позваћемо функцију „хеллоБацк“. Након креирања дугмета, ХТМЛ подређене компоненте би био овакав

Креирајмо функцију “хеллоБацкФунц” и у објекту метода. У којој ћемо емитовати „хеллоБацкЕвент“ заједно са променљивом „хеллоБацкВар“ која садржи низ „Хелло Парент“. Након креирања функције, јавасцрипт подређене компоненте би био овакав

Завршили смо са отпуштањем догађаја. Пређимо сада на родитељску компоненту за преслушавање догађаја.

У родитељској компоненти можемо једноставно преслушати догађај, баш као и слушати клик. Једноставно ћемо преслушати догађај у ознаци ЦхилдЦомпонента и на њему позвати функцију „тханкс ()“.

У функцији хвала, додат ћемо прослеђени низ променљивој названој „тханксМессаге“. Након креирања функције и додељивања прослеђеног низа променљивој, јавасцрипт „надређене компоненте“ би био овакав

И повежите променљиву „тханксМессаге“ у шаблон негде да бисте видели да ли ради или не.

Након креирања и писања овог кода, идите на веб страницу и поново је учитајте да бисте добили најновије функције.

Можемо видети да се реквизити успешно преносе на подређену компоненту. Сада, ако кликнемо на дугме које се заправо налази у подређеној компоненти. Порука захвалности требала би бити приказана одмах након надређеног наслова компоненте.

Као што видите, приказан је.

Дакле, ово је начин на који можемо емитовати или активирати прилагођене догађаје и слушати их у некој другој компоненти у Вуе-у.јс.

Резиме

У овом чланку смо научили да емитујемо прилагођене догађаје у Вуе-у.јс. Овај чланак садржи корак по корак примеран пример за његово разумевање са кратким објашњењем уз њега. Дакле, надамо се да овај чланак помаже у стварању бољих и јаснијих концепата емитовања прилагођених догађаја у Вуе-у.јс. За више таквих корисних садржаја, наставите да посећујете линукхинт.цом

Емулирајте кликове мишем лебдењем помоћу миша без клика у оперативном систему Виндовс 10
Коришћење миша или тастатуре у погрешном положају прекомерне употребе може резултирати многим здравственим проблемима, укључујући напрезање, синдром к...
Додајте покрете миша у Виндовс 10 помоћу ових бесплатних алата
Последњих година рачунари и оперативни системи су се увелико развили. Било је време када су корисници морали да користе команде за навигацију кроз мен...
Контролишите и управљајте кретањем миша између више монитора у оперативном систему Виндовс 10
Двоструки приказ миша омогућава вам контролу и конфигурисање кретања миша између више монитора, успоравајући његово кретање близу границе. Виндовс 10/...