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

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

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

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

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

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

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

App.vue<template>
  <p>{{ name }}</p>
  <p>{{ surn }}</p>
  <p>{{ full }}</p>
</template>

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