Циљ оквира је да пружи такве функције које програмерима олакшавају и убрзавају развојни процес. Вуе.јс је такав ЈаваСцрипт обогаћен карактеристикама који пружа бројне уграђене функције и директиве за брзи развојни процес. Али, морају доћи неки сценарији када вам је потребна нека функционалност која није доступна у оквиру, па морате сами да направите.
У овом посту ћемо научити и погледати уграђене директиве које пружа Вуе.јс, а такође ћемо научити да креирамо и користимо сопствену Вуе директиву по мери.
Директива
Директиве су атрибути које можете повезати са ДОМ елементима, префиксирани клаузулом „в-“ која помаже библиотеци да зна да је то посебна врста синтаксе која се користи за извршавање неких задатака. Директиве се обично користе за директну манипулацију ДОМ-ом. Неке од најчешће коришћених и најпознатијих директива су „в-иф“, „в-фор“ и „в-схов“.
Директиве се користе за примену ефеката на ДОМ елементе, али реактивно. Хајде да то разумемо на примеру:
Директива „в-иф“
Можете прегледати текст.
У горњој ознаци, „в-иф“ је директива која ће избрисати или додати ознаку пасуса „
“, Зависи од истинитости променљиве„ сховТект “.
„В-схов“ директива
Слично томе, имамо директиву „в-схов“ која може да извршава исту функцију описану горе:
Можете прегледати текст.
Суптилна разлика између „в-иф“ и „в-схов“ је у томе што „в-иф“ не приказује елемент током учитавања странице ако везана променљива није тачна и учитава се када променљива постане истина. Супротно томе, „в-схов“ ће приказати елемент током учитавања веб странице, али га сакрити. Дакле, „в-иф“ је ефективно при учитавању странице и одузима пуно времена када променљива постане тачна. Мора да прикаже цео елемент док је „в-схов“ ефективно на истинитост променљиве која одузима време током учитавања веб странице.
У реду! Погледајмо директиву која узима аргумент.
„В-бинд“ директива
Друга најчешће коришћена директива је „в-бинд“, која се користи за интеракцију и ажурирање ХТМЛ атрибута. На пример, ако желимо да везујемо неку променљиву за атрибут „хреф“ ознаку, атрибут „хреф“ можемо повезати овако:
„В-он“ директива
Баш као и "в-бинд" директива, Вуе пружа "в-он" директиву за везивање променљиве за преслушавање догађаја покренутих у ДОМ-у. На пример, за преслушавање догађаја Цлицк и везивање неке променљиве за њега, синтакса би изгледала овако:
У обрнутим зарезима можемо пружити израз као и функције.
Закључак
Сазнали смо о директивама у Вуе-у и видимо како да користимо директиве у Вуе-у.јс. Разговарали смо о неким од најчешће коришћених и основних уграђених директива Вуе-а.јс, што много помаже и штеди огромну количину времена у развоју.