Вуе.јс је веома моћна, лака за учење и приступачна библиотека која, са знањем ХТМЛ -а, ЦСС -а и Јавасцрипта, у њој можемо почети са изградњом веб апликација. Вуе.јс је направљен комбиновањем најбољих функција из већ постојећих Ангулар и Реацт Фрамеворк -а. То је прогресивни и реактивни Јавасцрипт оквир који се користи за израду корисничких интерфејса (кориснички интерфејси) и СПА (апликације са једном страницом), због чега програмери воле да кодирају и осећају слободу и удобност док развијају апликације у Вуе.јс. погледајте Слушање и руковање догађајима у Вуе.јс., знаћемо да пружа в-он директиву за слушање и руковање догађајима. Можемо користити в-он директиву за слушање ДОМ-а и извршавање потребних задатака. Такође пружа многе руковаоце догађајима. Међутим, у овом чланку ћемо само учити и задржати фокус на догађајима кликова. Дакле, почнимо!
Баш као и Јавасцрипт-ов онЦлицк догађај, Вуе.јс пружа в-он: цлицк за слушање догађаја.
Синтакса за догађај в-он: цлицк била би следећа:
< дугме в-он: кликните='фунцтионНаме'>Кликните</ дугме >
Вуе.јс пружа скраћеницу @ уместо да користи и в-он.
< дугме @цлицк='фунцтионНаме'> Кликните</ дугме >
Вуе.јс не престаје само са слушањем догађаја клика и позивањем функције. Такође ће нам омогућити да директно упишемо било коју аритметичку операцију или било шта што се односи на Јавасцрипт унутар наводника. Управо овако:
< дугме @цлицк='број += 1'> Додај</ дугме >
Вуе.јс нам омогућава да позовемо методу или функцију у инлине Јавасцрипт наредби, као што је приказано испод:
< дугме @цлицк='мессаге (' Здраво ')'> Прикажи</ дугме >Користећи Вуе.јс -ове управљаче догађајима, можемо приступити и догађају ДОМ, користећи инлине исказ, преношењем Вуе.јс -ове посебно дате променљиве $ евент у аргумент методе, баш као у примеру испод:
< дугме @цлицк='мессаге (' Здраво ', $ евент)'> Пошаљи</ дугме >
Вуе.јс нам такође омогућава позивање више функција или метода. Можемо позвати више функција и одвојити их зарезима, попут овог примера:
< дугме @цлицк='фирст (' Здраво '), сецонд (' Здраво ', $ евент)'> Субмит</ дугме >Вуе.јс такође нуди модификаторе догађаја.
Модификатори догађаја
Често морамо да позовемо модификаторе заједно са догађајима. Дакле, Вуе.јс пружа неке од следећих модификатора:
.зауставити
То ће зауставити пренос догађаја клика.
< до @цлицк.стоп='урадите'></ до >.превенирати
То ће спречити поновно учитавање или преусмеравање странице.
< образац @субмит.превент='онСубмит'></ образац >.једном
Покренуће догађај клика само једном.
< до @цлицк.онце='урадите'></ до >.цаптуре
Најчешће се користи за додавање слушаоца догађаја.
< див @цлицк.цаптуре='урадите'> ...</ див >Такође можемо повезати ланце модификатора. Међутим, имајте на уму да је редослед модификатора важан и да ће утицати на резултате.
< до @цлицк.стоп.превент='доТхат'></ до >Закључак
У овом чланку смо покрили читаве концепте руковања догађајима Цлицк од нооб до нинџа нивоа. Учили смо о различитим синтаксама писања догађаја клика и различитим начинима коришћења | _+_ | директиву коју пружа Вуе.јс ради лакшег развоја програмера и различитих модификатора догађаја. За корисније садржаје попут овог, који се односе на Вуе.јс, наставите да посећујете линукхинт.цом.