Objekti data në Vue

Baza e një komponenti janë të dhënat, me të cilat ne do të manipulojmë. Këto të dhëna ruhen në një objekt të veçantë data. Ky objekt duhet të kthehet si rezultat i një metodi të veçantë:

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

Le të ruajmë në vetinë e objektit me të dhëna një tekst:

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

Të dhënat e ruajtura mund të shfaqen në pamje. Kjo bëhet në kllapa kaçurrelë të dyfishta, ku shkruhet emri i vetisë, vlera e së cilës ne duam të shfaqim. Le të shfaqim vlerat e vetive tona:

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

Dhe tani le të bëjmë që secila nga mesazhet tona të shfaqet në paragrafin e vet:

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

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