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