Објекат 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',
  }
}