Vueдагы v-show директивасы

Шарттуу көрсөтүүнүн дагы бир варианты v-show директивасы болуп саналат. Ал өтө окшош колдонулат:

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

Айырмасы мындайда, v-show бар элемент ар дайым тартылып, DOMдо кала берет, ал эми өзгөрүп туруучу болсо ал жөн гана анын CSS касиети display.

v-if директивасы "чыныгы" шарттуу тартууну ишке ашырат, анткени ал ошол блогуң ичиндеги окуяларды угуучуларды жана тиешелүү төмөнкү компоненттерди шарт өзгөргөндө туура жок кылылып жана кайра түзүлөрүнө кепилдик берет.

v-if директивасы ошондой эле жалкоо: эгерде шарт баштапкы тартуу убагында жалган болсо, анда ал эч нерсе кылбайт - шарттуу блок шарт чынга чейин тартылбайт.

Салыштырмалуу, v-show андан да жөнөкөй - элемент ар дайым тартылат, баштапкы абалына карабастан CSS негизинде которулуу менен.

Жалпысынан, v-if которулууда жогорураак чыгымдары бар, ал эми v-show баштапкы тартууда көбүрөөк чыгымга ээ. Ошондуктан, эгерде которулуулар көп болот деп күтсөңүз, v-show колдонуңуз, жана эгерде шарт аткаруу убагында өзгөрбөсү мүмкүн болсо, v-if директивасын артыкчылык кылыңыз.

v-show директивасын template элементинде колдонууга болбойт жана ал v-else менен иштебейт.

Абзац жана баскыч берилген. Абзацты баскычты басканда которулуучу кылыңыз.

v-show жана v-if директиваларынын айырмаларын айтып бериңиз.

v-show директивасын качан колдонуу оң, ал эми качан - v-if керек экенин айтып бериңиз.

v-show директивасы кандай чектөөлөргө ээ экенин айтып бериңиз.