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},
  }
}