Dataobjektet i Vue

Grunden för en komponent är data som vi kommer att manipulera. Dessa data lagras i ett speciellt objekt data. Detta objekt bör returneras som ett resultat av en speciell metod:

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

Låt oss lagra lite text i en egenskap i dataobjektet:

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

Lagrad data kan visas i vyn. Detta görs i dubbla klammerparenteser där namnet på egenskapen skrivs, vars värde vi vill visa. Låt oss visa värdena för våra egenskaper:

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

Och låt oss nu se till att varje av våra meddelanden visas i sitt eget stycke:

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

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