Vue တွင် တွက်ချက်ထားသော ဂုဏ်သတ္တိများ

အခြားဂုဏ်သတ္တိများအပေါ် အခြေခံ၍ တုံ့ပြန်မှုဖြင့် တွက်ချက်မည့် ဂုဏ်သတ္တိများကို သတ်မှတ်နိုင်ပါသည်။ ထိုသို့သော ဂုဏ်သတ္တိများကို တွက်ချက်ထားသောဟု ခေါ်ပါသည်။ ၎င်းတို့ကို computed သတ်မှတ်ချက်အတွင်း တည်ရှိစေပါသည်။

ဥပမာတစ်ခုဖြင့် ကြည့်ကြပါစို့။ ဂုဏ်သတ္တိများတွင် အသုံးပြုသူ၏ နာမည်နှင့် သူမိသားစုအမည်ကို သိမ်းဆည်းထားသည်ဆိုပါစို့။

data() {
	return {
		name: 'john',
		surn: 'smit',
	}
}

အမည်အပြည့်အစုံ (နာမည်နှင့် မိသားစုအမည်) ပါဝင်မည့် full ဂုဏ်သတ္တိတစ်ခုကို ပြုလုပ်ကြပါစို့။

computed: {
	full: function() {
		return this.name + ' ' + this.surn;
	}
}

ကျွန်ုပ်တို့၏ ဂုဏ်သတ္တိများ၏ အကြောင်းအရာကို အမြင်ကွင်းတွင် ထုတ်ပြကြပါစို့။

<template>
	<p>{{ name }}</p>
	<p>{{ surn }}</p>
	<p>{{ full }}</p>
</template>

တွက်ချက်ထားသော ဂုဏ်သတ္တိများသည် တုံ့ပြန်မှုဖြင့် ပြောင်းလဲသည်။ ဆိုလိုသည်မှာ နာမည် သို့မဟုတ် မိသားစုအမည်ကို ပြောင်းလဲလိုက်ပါက၊ ကျွန်ုပ်တို့၏ full ဂုဏ်သတ္တိသည်လည်း အလိုအလျောက် တုံ့ပြန်မှုဖြင့် ပြောင်းလဲသွားမည်ဖြစ်ပြီး အပြောင်းအလဲများကို ချက်ချင်း မျက်နှာပြင်ပေါ်တွင် တွေ့မြင်ရမည်ဖြစ်သည်။

cost ဂုဏ်သတ္တိတွင် �ုတ်ကုန်၏ စျေးနှုန်းကို သိမ်းဆည်းထားပြီး amount ဂုဏ်သတ္တိတွင် ထိုထုတ်ကုန်၏ အရေအတွက် သိမ်းဆည်းထားသည်ဆိုပါစို့။ price ဟုခေါ်သော တွက်ချက်ထားသည့် ဂုဏ်သတ္တိတစ်ခုကို ပြုလုပ်ပါ။ ထိုဂုဏ်သတ္တိတွင် ထုတ်ကုန်များ၏ စုစုပေါင်းတန်ဖိုး (စျေးနှုန်းအား အရေအတွက်ဖြင့် မြှောက်ခြင်း) ပါဝင်စေရမည်။

cost ဂုဏ်သတ္တိကို ပြောင်းလဲမည့် ခလုတ်တစ်ခုကို ပြုလုပ်ပါ။ ထိုသို့ပြောင်းလဲသည့်အခါ တွက်ချက်ထားသော ဂုဏ်သတ္တိသည်လည်း ပြောင်းလဲသည်ကို စစ်ဆေးပါ။