Data objekat u Vue

Osnova komponente su podaci kojima ćemo manipulisati. Ovi podaci se čuvaju u specijalnom objektu data. Ovaj objekat mora da se vrati kao rezultat specijalne metode:

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

Hajde da čuvamo u svojstvu objekta sa podacima neki tekst:

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

Podaci koji se čuvaju se mogu prikazati u prikazu (template). To se radi u dvostrukim vitičastim zagradama, u koje se upisuje ime svojstva čiju vrednost želimo da prikažemo. Hajde da prikažemo vrednosti naših svojstava:

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

A sada hajde da napravimo da se svaka od naših poruka prikaže u svom odlomku (paragrafu):

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

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