Vue-ի v-show դիրեկտիվը

Պայմանական ցուցադրման մեկ այլ տարբերակ է v-show դիրեկտիվը: Օգտագործվում է շատ նման:

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

Տարբերությունն այն է, որ v-show-ով տարրը միշտ կմատուցվի և կմնա DOM-ում, և կփոխվի միայն նրա CSS display հատկությունը:

v-if դիրեկտիվը կատարում է "իսկական" պայմանական մատուցում, քանի որ այն երաշխավորում է, որ իրադարձությունների լսողները և child կոմպոնենտները բլոկի ներսում պատշաճ կերպով ոչնչացվում են և վերաստեղծվում են պայմանի փոփոխման ժամանակ:

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 դիրեկտիվը: