Vue ရှုထောင့်များတွင် ကုဒ်အား အလုပ်လုပ်ဆောင်ခြင်း

ကျောက်ကွင်းများအတွင်း မတူညီသော JavaScript ကုဒ်များအား အလုပ်လုပ်ဆောင်နိုင်ပါသည်။ ဥပမာတစ်ခုဖြင့် ကြည့်ရအောင်။ နံပါတ်များပါသည့် ဂုဏ်သတ္တိနှစ်ခု ရှိသည်ဆိုပါစို့ - var1 နှင့် var2:

javascriptdata() {
  return {
    var1: 1,
    var2: 2,
  }
}

ဥပမာအားဖြင့် ကျွန်ုပ်တို့၏ ဂုဏ်သတ္တိများ၏ တန်ဖိုးများကို ပေါင်းကြည့်ရအောင်:

App.vue<template>
  {{ var1 + var2 }}
</template>

ဤကုဒ်၏ ရလဒ်မှာ အောက်ပါ HTML ဖြစ်ပါမည်:

html<div id="app">
  3
</div>

Задание 1

data တွင် အောက်ပါအတိုင်း သိမ်းဆည်းထားသည်ဆိုပါစို့:

javascriptdata() {
  return {
    num: 5,
  }
}

num ဂုဏ်သတ္တိ၏ နှစ်ထပ်ကိန်းကို စကရင်ပေါ်တွင် ပြသပါ။

Задание 2

data တွင် အောက်ပါအတိုင်း သိမ်းဆည်းထားသည်ဆိုပါစို့:

javascriptdata() {
  return {
    num1: 1,
    num2: 2,
    num3: 3,
  }
}

num1, num2 နှင့် num3 ဂုဏ်သတ္တိများ၏ ပေါင်းလဒ်ကို စကရင်ပေါ်တွင် ပြသပါ။