Вуе.јс је свестран и пуноправан оквир за изградњу огромних веб апликација. Било која веб апликација је подељена на компоненте. На пример, једноставна веб локација која укључује заглавље, бочну траку и неке друге компоненте. Да би управљао и управљао овим приступом заснован на компонентама, Вуе.јс нуди однос родитеља и детета између компоненти и ако желимо да пошаљемо неке податке преко компоненти. Вуе.јс нуди реквизите за слање података од родитеља до подређене компоненте, али за слање података од детета до родитеља; морамо емитовати прилагођене догађаје. У овом чланку сазнајемо о отпуштању и преслушавању прилагођених догађаја.Пре свега, да видимо како да покренемо прилагођени догађај у Вуе-у.јс, а затим како слушати тај догађај. Синтакса покретања догађаја у Вуе-у.јс је
ово.$ емит ('евентНаме')У овој синтакси морамо бити опрезни док дајемо име догађају јер користимо исто име; касније ћемо слушати овај догађај. Да бисмо преслушали овај догађај, можемо га слушати док слушамо клик клик у Вуе-у.јс. На пример
У обрнуте зарезе можемо уписати било који израз, као и функцију. Покушајмо на примеру да бисмо га боље разумели.
Пример
Претпоставимо да имамо компоненту која се зове „парентЦомпонент“, која у њу укључује подређену компоненту са именом „цхилдЦомпонент“ којој преносимо поруку користећи реквизите.
Надређена компонента
Цхилд Цомпонент
У подређеној компоненти добијамо реквизите и приказујемо поруку у ознаци 'п'.
мсг
Сада након постављања ове две компоненте. Хајде да се поздравимо са нашом ПарентЦомпонент. Да бисмо се поздравили, прво ћемо створити дугме, а кликом на то дугме позваћемо функцију „хеллоБацк“. Након креирања дугмета, ХТМЛ подређене компоненте би био овакав
порука
Креирајмо функцију “хеллоБацкФунц” и у објекту метода. У којој ћемо емитовати „хеллоБацкЕвент“ заједно са променљивом „хеллоБацкВар“ која садржи низ „Хелло Парент“. Након креирања функције, јавасцрипт подређене компоненте би био овакав
Завршили смо са отпуштањем догађаја. Пређимо сада на родитељску компоненту за преслушавање догађаја.
У родитељској компоненти можемо једноставно преслушати догађај, баш као и слушати клик. Једноставно ћемо преслушати догађај у ознаци ЦхилдЦомпонента и на њему позвати функцију „тханкс ()“.
У функцији хвала, додат ћемо прослеђени низ променљивој названој „тханксМессаге“. Након креирања функције и додељивања прослеђеног низа променљивој, јавасцрипт „надређене компоненте“ би био овакав
И повежите променљиву „тханксМессаге“ у шаблон негде да бисте видели да ли ради или не.
Надређена компонента
тханксМессаге
Цхилд Цомпонент
Након креирања и писања овог кода, идите на веб страницу и поново је учитајте да бисте добили најновије функције.
Можемо видети да се реквизити успешно преносе на подређену компоненту. Сада, ако кликнемо на дугме које се заправо налази у подређеној компоненти. Порука захвалности требала би бити приказана одмах након надређеног наслова компоненте.
Као што видите, приказан је.
Дакле, ово је начин на који можемо емитовати или активирати прилагођене догађаје и слушати их у некој другој компоненти у Вуе-у.јс.
Резиме
У овом чланку смо научили да емитујемо прилагођене догађаје у Вуе-у.јс. Овај чланак садржи корак по корак примеран пример за његово разумевање са кратким објашњењем уз њега. Дакле, надамо се да овај чланак помаже у стварању бољих и јаснијих концепата емитовања прилагођених догађаја у Вуе-у.јс. За више таквих корисних садржаја, наставите да посећујете линукхинт.цом