Объекти data дар Vue

Асоси компонент маълумотҳо мебошанд, ки мо бо онҳо кор мекунем. Ин маълумотҳо дар объекти махсус data нигоҳ дошта мешаванд. Ин объект бояд натиҷаи усули махсус бошад:

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

Биёед дар хосияти объекти маълумотӣ як матнро нигоҳ дорем:

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

Маълумотҳои нигоҳдошташударо метавон дар намоиш (view) баронд. Ин бо ду қавсҳои каҷ анҷом дода мешавад, дар онҳо номи хосият навишта мешавад, қимати киро мо мехоҳем барорем. Биёед қиматҳои хосиятҳои худро барорем:

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

Ва акнун биёед чунон кунем, ки ҳар як аз паёмҳои мо дар абзази худ барояд:

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

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