Vue හි data වස්තුව

සංරචකයේ පදනම වන්නේ අපි හැසිරවීමට යන දත්තයි. මෙම දත්ත සුවිශේෂී වස්තුවක් data තුළ ගබඩා වේ. මෙම වස්තුව විශේෂ ක්‍රමයක ප්‍රතිඵලයක් ලෙස ආපසු ලබා දිය යුතුය:

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

අපි දත්ත වස්තුවේ ගුණයක් තුළ යම් පෙළක් ගබඩා කරමු:

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

ගබඩා කරන ලද දත්ත දර්ශනය තුළ ප්‍රදර්ශනය කළ හැකිය. මෙය සිදු කරනුයේ ද්විත්ව කර්ණක වරහන් තුළ ය, එහිදී අපට ප්‍රදර්ශනය කිරීමට අවශ්‍ය ගුණයේ නම ලියා ඇත. අපගේ ගුණාංගවල අගයන් ප්‍රදර්ශනය කරමු:

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

දැන් අපගේ එක් එක් පණිවිඩය එහිම ඡේදයක තුළ ප්‍රදර්ශනය වන පරිදි කරමු:

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

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