Vue.„js“ yra lengvai išmokstama ir prieinama biblioteka, kurioje galime pradėti kurti žiniatinklio programas turėdami pagrindines žiniatinklio kūrimo žinias. Vue.Js, kūrėjai mėgsta koduoti ir jaučia laisvę kurdami programas.

Bet kurioje dinaminėje žiniatinklio programoje sąlyginis atvaizdavimas yra būtina dalis. Vue.js pateikia įvairius sąlyginio atvaizdavimo būdus, ir mes galime naudoti bet kurį iš šių būdų, kurie tinka mūsų tikslui:

• v-šou
• v-jei
• v-dar

Šiame straipsnyje mes išbandysime šias „Vue“ pateiktas direktyvas.js už sąlyginį perteikimą ir geriau juos suprask.

v-šou

„V-show“ elementą slepia tik išjungdamas jo matomumą. Jis slepia elementą, jei perduotos išraiškos ar kintamojo vertė nėra teisinga.

Pavyzdžiui:

Ši pastraipa nėra paslėpta

Ši pastraipa paslėpta

v-jei

Kita vertus, „v-if“ neslepia elemento, bet taip pat nieko nepateikia, kol perduotos išraiškos ar kintamojo vertė tampa teisinga.

Pavyzdžiui:

„V-if“ direktyvoje yra papildoma funkcija, palyginti su „v-show“ direktyva. Mes galime jį pritaikyti ir šablonų blokui, jei nenorime nieko pateikti tarp to bloko. Arba tame yra vaiko komponentas, arba daug kitų elementų.

Pavyzdžiui:

v-dar

Mes taip pat galime naudoti „v-else“ direktyvą kartu su „v-if“ sakiniu, kad galėtume sąlygiškai pateikti bet kurį iš dviejų blokų. Tačiau turint omenyje, kad blokas „v-else“ turi atsirasti iškart po bloko „v-if“.

Pavyzdžiui:

Ši pastraipa bus pateikta, jei „isVar“ taps tiesa

Be to, ši pastraipa bus perteikta.

„V-else“ galime pritaikyti ir šablonų bloke.

v-dar-jei

Kaip ir „v-else“, taip pat galime naudoti „v-else-if“ direktyvą kartu su „v-if“ direktyva.

Pavyzdžiui:

v-jei vs. v-šou

„V-if“ ir „v-show“ rūšys atlieka tą pačią užduotį. Jie abu slepia DOM elementus, remdamiesi perduotos išraiškos teisingumu ar klaidinga verte, tačiau subtiliai slėpdami ir neteikdami elementų skirtumo.

Jei palyginsime šių dviejų laiko ir apdorojimo išlaidas. „V-if“ kainuoja daugiau vykdymo ar perjungimo metu, tuo tarpu „v-show“ kainuoja daugiau pateikimo pradžioje. Taigi būtų protinga naudoti „v-show“, kai perjungimas yra tikslingas. Priešingu atveju pirmenybė teikiama „v-if“.

Apvyniojimas

Šiame straipsnyje mes sužinojome, kaip sąlygiškai atkurti DOM „Vue“.js naudojant „v-if“ ir „v-else“ direktyvas. Mes parodėme keletą pavyzdžių ir sužinojome apie tikrąjį „v-show“ ir „v-if“ direktyvos skirtumą. Jei šis straipsnis padeda geriau suprasti ir suprasti sąvokas, apsilankykite „linuxhint“.com tokiam naudingam turiniui.