Vue တွင် v-show ညွှန်ကြားချက်

အခြေအနေအရ ပြသခြင်း၏ အခြားရွေးချယ်စရာတစ်ခုမှာ v-show ညွှန်ကြားချက် ဖြစ်သည်။ အလွန်ဆင်တူစွာ အသုံးပြုသည်:

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

ကွာခြားချက်မှာ v-show ရှိသော element သည် အမြဲတမ်း ဆွဲထုတ်ပြသပြီး DOM ထဲတွင် ကျန်ရှိနေမည်၊ ၎င်း၏ CSS ဂုဏ်သတ္တိ display ကိုသာ ပြောင်းလဲပေးခြင်း ဖြစ်သည်။

v-if ညွှန်ကြားချက်သည် "တကယ့်" အခြေအနေအရ ဆွဲထုတ်ပြသခြင်းကို လုပ်ဆောင်ပေးသည်၊ အဘယ်ကြောင့်ဆိုသော် အခြေအနေ ပြောင်းလဲသွားသည့်အခါ နားထောင်သူများနှင့် အတွင်းရှိ ကလေး component များကို သင့်တော်စွာ ဖျက်စီးပြီး ပြန်လည်ဖန်တီးပေးသောကြောင့် ဖြစ်သည်။

v-if ညွှန်ကြားချက်သည် ပျင်းရိသော ဂုဏ်သတ္တိလည်းရှိသည်: အကယ်၍ အခြေအနေသည် ကနဦး ဆွဲထုတ်ပြသချိန်တွင် မှားယွင်းနေပါက၊ ၎င်းသည် ဘာမျှမလုပ်ပါ - အခြေအနေ မှန်ကန်မလာမချင်း အခြေအနေဆိုင်ရာ ဘလောက်ကို ဆွဲမထုတ်ပါ။

နှိုင်းယှဉ်ကြည့်ပါက၊ v-show သည် အလွန်ရိုးရှင်းသည် - element သည် အစပြုအခြေအနေကို လျစ်လျူရှုပြီး CSS အပေါ်အခြေခံ၍ ပြောင်းလဲကာ အမြဲတမ်း ဆွဲထုတ်ပြသသည်။

ယေဘူယျအားဖြင့်၊ v-if တွင် ပြောင်းလဲရန် ပိုမိုမြင့်မားသော ကုန်ကျစရိတ်ရှိပြီး， v-show တွင် ကနဦး ဆွဲထုတ်ပြသရန် ပိုမိုမြင့်မားသော ကုန်ကျစရိတ်ရှိသည်။ ထို့ကြောင့် ပြောင်းလဲမှုများ မကြာခဏဖြစ်မည်ဆိုပါက v-show ကိုသုံးပါ၊ အခြေအနေသည် run time အတွင်း မပြောင်းလဲနိုင်ဟု ယုံကြည်ပါက v-if ကို ဦးစားပေးရွေးချယ်ပါ။

v-show ညွှန်ကြားချက်ကို template element တွင် အသုံးပြု၍မရပါ ထို့ပြင် v-else နှင့်လည်း အလုပ်မလုပ်ပါ။

စာပိုဒ်တစ်ခုနှင့် ခလုတ်တစ်ခု ရှိသည်။ ခလုတ်ကို နှိပ်လိုက်သည့်အခါ စာပိုဒ်သည် ဖွင့်/ပိတ် toggle လုပ်အောင် လုပ်ပါ။

v-show နှင့် v-if ညွှန်ကြားချက်များ၏ ကွာခြားချက်များကို ရှင်းပြပါ။

မည်သည့်အချိန်တွင် v-show ညွှန်ကြားချက်ကို သုံးသင့်ပြီး မည်သည့်အချိန်တွင် v-if ကို သုံးသင့်ကြောင်း ရှင်းပြပါ။

v-show ညွှန်ကြားချက်၌ ဘယ်လို ကန့်သတ်ချက်များ ရှိသည်ကို ရှင်းပြပါ။