Vue ရှိ အရာဝတ္ထုများ

ယခု ကျွန်ုပ်တို့၏ data တွင် အရာဝတ္ထုတစ်ခု သိမ်းဆည်းထားသည်ဆိုပါစို့:

javascriptdata() {
  return {
    obj: {a: 1, b: 2, c: 3},
  }
}

ထိုအရာဝတ္ထု၏ အကြောင်းအရာကို စခရင်ပေါ်သို့ ပြသကြပါစို့:

App.vue<template>
  {{ obj.a }}
  {{ obj.b }}
  {{ obj.c }}
</template>

သို့မဟုတ် နည်းလမ်းအခြားတစ်မျိုးကို အသုံးပြုနိုင်သည်:

App.vue<template>
  {{ obj['a'] }}
  {{ obj['b'] }}
  {{ obj['c'] }}
</template>

javascriptdata() {
  return {
    obj: {x: 1, y: 2, z: 3},
  }
}