Vue ရှိ data object

ကွန်ပွန်နင့်၏ အခြေခံမှာ ကျွန်ုပ်တို့ လွှဲပြောင်းအသုံးပြုမည့် ဒေတာများ ဖြစ်သည်။ ထိုဒေတာများကို အထူး object data ထဲတွင် သိမ်းဆည်းထားသည်။ ဤ object သည် အထူး method ၏ ရလဒ်အဖြစ် ပြန်ပေးရမည်။

App.vueexport default {
  data() {
    return {
      
    }
  }
}

object data ၏ property တွင် စာသားတစ်ခုခု သိမ်းဆည်းကြည့်ကြပါစို့။

App.vuedata() {
  return {
    text1: '111',
    text2: '222',
  }
}

သိမ်းဆည်းထားသော ဒေတာများကို view တွင် ပြသနိုင်သည်။ ၎င်းကို ကောက်ကွင်းများ နှစ်ထပ်ဖြင့် လုပ်ဆောင်သည်၊ ထိုနေရာတွင် ကျွန်ုပ်တို့ ပြချင်သော တန်ဖိုး၏ property အမည်ကို ရေးထည့်သည်။ ကျွန်ုပ်တို့၏ properties များ၏ တန်ဖိုးများကို ပြကြည့်ကြပါစို့။

App.vue<template>
  {{ text1 }}
  {{ text2 }}
</template>

ယခု ကျွန်ုပ်တို့၏ မက်ဆေ့ခ်ျ တစ်ခုစီသည် ၎င်း၏ကိုယ်ပိုင် အပိုဒ်တစ်ခုစီတွင် ပြသစေရန် လုပ်ဆောင်ကြပါစို့။

App.vue<template>
  <p>{{ text1 }}</p>
  <p>{{ text2 }}</p>
</template>

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