Vue-daky data obýekti

Komponentiň esasy, biz üýtgedip durjak maglumatlardyr. Bu maglumatlar aýratyn data obýektinde saklanýar. Bu obýekt aýratyn metodiň netijesi hökmünde yzyna gaytarylmaly:

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

Geliň maglumat obýektiniň aýratynlygynda käbir tekst saklaýalyň:

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

Saklanýan maglumatlar görkezilmede görkezilip bilner. Bu iki süýümli äyri möýüşli ýaýlaryň içinde edilýär, olaryň içine biz görkezmek isleýän bahasynyň aýratynlyk ady ýazylýar. Geliň aýratynlyklarymyzyň bahalaryny görkezeliň:

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

Indi bolsa, her bir habarymyz öz abzasyna düşüp görkeziljek eteliň:

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

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