Вуе.јс је библиотека која се лако учи и којој се може приступити и у којој можемо започети изградњу веб апликација са основним знањем о веб развоју. У Вуе.јс, програмери воле да кодирају и осећају слободу док развијају апликације.
У било којој динамичкој веб апликацији условно приказивање је неопходан део. Вуе.јс пружа различите начине условног приказивања и можемо користити било који од следећих начина који одговарају нашој намени:
- в-схов
- в-иф
- в-елсе
У овом чланку ћемо испробати ове смернице које нуди Вуе.јс за условно приказивање и разумејте их на бољи начин.
в-схов
В-схов скрива елемент само онемогућавањем његове видљивости. Сакрива елемент ако вредност прослеђеног израза или променљиве није истинита.
На пример:
Овај пасус није скривен
Овај пасус је скривен
в-иф
С друге стране, в-иф не скрива елемент, али такође не приказује ништа док вредност прослеђеног израза или променљиве не постане тачна.
На пример:
Ово је параграф
У в-иф директиви постоји додатна карактеристика у поређењу са в-схов директивом. Можемо га применити и на блок предлошка ако не желимо да прикажемо било шта између тог блока. Или у томе постоји подређена компонента или у многим другим елементима.
На пример:
Ово је наслов
Ово је параграф
в-елсе
Такође можемо користити в-елсе директиву заједно са в-иф наредбом како бисмо се условно приказали између било ког од два блока. Али, имајући на уму да в-елсе блок мора да се појави одмах након в-иф блока.
На пример:
Овај пасус ће се приказати ако 'исВар' постане тачно
Иначе, овај пасус ће се приказати.
В-елсе можемо применити и на блок предлошка.
Ово је наслов
Ово је параграф
в-елсе-иф
Баш као и в-елсе, такође можемо користити и в-елсе-иф директиву заједно са в-иф директивом.
На пример:
Цар
Књига
Животиња
Нико од заволелих
в-иф вс. в-схов
В-иф и в-схов раде исти задатак. Обоје скривају елементе у ДОМ-у на основу тачне или лажне вредности прослеђеног израза, али са суптилном разликом скривања и нерендеровања елемената.
Ако упоредимо време и трошкове обраде између ове две. В-иф кошта више током извођења или пребацивања, док в-схов кошта више на почетку приказивања. Дакле, било би паметно користити в-схов када је пребацивање сврха. Иначе, в-иф је пожељнији.
Окончање
У овом чланку смо научили како условно приказати ДОМ у Вуе-у.јс користећи в-иф и в-елсе директиве. Показали смо неколико примера и сазнали стварну разлику између в-схов и в-иф директиве. Ако вам овај чланак помаже да боље разумете и концепте, наставите да посећујете линукхинт.цом за тако користан садржај.