Obiectul data în Vue

Baza unui component o constituie datele, cu care vom manipula. Aceste date sunt stocate într-un obiect special data. Acest obiect trebuie să fie returnat ca rezultat al unei metode speciale:

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

Să stocăm în proprietatea obiectului de date un text oarecare:

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

Datele stocate pot fi afișate în reprezentare. Acest lucru se face în acolade duble, în care se scrie numele proprietății, a cărei valoare dorim să o afișăm. Să afișăm valorile proprietăților noastre:

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

Și acum să facem astfel încât fiecare dintre mesajele noastre să fie afișat în propriul paragraf:

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

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