Vue.A js egy könnyen elsajátítható és megközelíthető könyvtár, amelyben a webfejlesztés alapvető ismereteivel elkezdhetünk webalkalmazásokat építeni. Vue-ban.js, a fejlesztők szeretnek kódolni és érzik a szabadságot az alkalmazások fejlesztése közben.

Bármely dinamikus webalkalmazásban a feltételes megjelenítés szükséges rész. Vue.A js különböző feltételeket biztosít a feltételes megjelenítéshez, és célunknak megfelelően a következő módszerek bármelyikét használhatjuk:

• v-show
• v-ha
• v-else

Ebben a cikkben kipróbáljuk ezeket a Vue által biztosított irányelveket.js a feltételes megjelenítéshez, és jobban értse meg őket.

v-show

A v-show csak elrejti az elemet, letiltva annak láthatóságát. Elrejti az elemet, ha az átadott kifejezés vagy változó értéke nem igaz.

Például:

Ez a bekezdés nincs elrejtve

Ez a bekezdés el van rejtve

v-ha

Másrészt a v-if nem rejti el az elemet, de nem is jelenít meg semmit, amíg az átadott kifejezés vagy változó értéke nem válik igazsá.

Például:

Van egy további funkció a v-if irányelvben a v-show irányelvhez képest. Alkalmazhatjuk a sablonblokkra is, ha nem akarunk semmit megjeleníteni a blokk között. Vagy van benne gyermekkomponens, vagy sok más elem.

Például:

v-else

Használhatjuk a v-else direktívát a v-if utasítással együtt, hogy feltételesen megjelenítsük a két blokk bármelyikét. De szem előtt tartva, hogy a v-else blokknak közvetlenül a v-if blokk után kell megjelennie.

Például:

Ez a bekezdés akkor jelenik meg, ha az 'isVar' igaz lesz

Egyébként ez a bekezdés megjelenik.

Alkalmazhatunk v-else-t a sablonblokkra is.

v-else-ha

Csakúgy, mint a v-else, a v-else-if direktívát is használhatjuk a v-if irányelvvel együtt.

Például:

v-ha vs. v-show

A v-if és a v-show fajta ugyanazt a feladatot végzi. Mindkettő elrejti az elemeket a DOM-ban az átadott kifejezés valóságtartalma vagy hamis értéke alapján, de az elrejtés és az ábrázolás elmaradásának finom különbségével.

Ha összehasonlítjuk az idő és a feldolgozási költségeket e kettő között. A v-if futás közben vagy váltáskor többe kerül, míg a v-show a megjelenítés kezdetekor többe kerül. Tehát bölcs dolog lenne a v-show használatát, ha a váltás célja. Egyébként előnyben részesítjük a v-if értéket.

Csomagolás

Ebben a cikkben megtanultuk, hogyan lehet feltételesen megjeleníteni a DOM-ot a Vue-ban.js v-if és v-else irányelveket használ. Mutattunk néhány példát és megismertük a valódi különbséget a v-show és a v-if irányelv között. Ha ez a cikk segít a jobb megértésben és a fogalmak megismerésében, látogassa meg folyamatosan a linuxhint oldalt.com ilyen hasznos tartalomért.