Vue-daky v-show direktiwasy

Şertli görkezmegiň ýene bir warianty v-show direktiwasydyr. Oňa daýaw gaty meňzeş ulanylýar:

<template>
	<p v-show="isAuth">
		+++
	</p>
</template>

Tapawut şonda, v-show bilen element hemişe çyzylar we DOM-da galar, ýöne üýtgeýän diňe onuň CSS aýratynlygy display bolar.

v-if direktiwasy "hakyky" şertli çyzylmagy ýerine ýetirýär, sebäbi ol, şert üýtgende, blogyň içindäki hadysa diňlejileri we çagalaryň komponentleriniň ýok edilmegine we döredilmegine kepillik berýär.

v-if direktiwasy hem ýalta: ilkinji çyzylma pursatynda şert ýalňyş bolsa, ol hiç zat etmez - şertli blog şert hakyky bolýança çyzylmaz.

Deňeşdirmek üçin, v-show has ýönekeý - element hemme zaman çyzylýar, ilkinji ýagdaýyndan bagyňsyz, üýtgeýän bolsa CSS-esasynda.

Umuman, v-if üçin geçiş üçin çykdaýyş ýokary, v-show üçin bolsa ilkinji çyzylma üçin has uly çykdaýyş bar. Şonuň üçin v-show-y ulanyň, eger geçişler köp bolsa, we v-if-y saýlaň, eger şert iş wagtynda üýtgemeýän bolup biler.

v-show direktiwasyny template elementinde ulanyp bolmaýar we ol v-else bilen işlemeýär.

Abzas we düwme berlen. Şeýle ediň, abzas düwmä basylanda görkezilip ýa-da gizlenip bilinsin.

v-show we v-if direktiwalarynyň arasyndaky tapawutlary düşündiriň.

Haçan v-show direktiwasyny, haçan bolsa v-if direktiwasyny ulanyň hakynda gürrüň beriň.

v-show direktiwasynyň haýsy çäklendirmeleri bar.