Data-objektet i Vue

Grunnlaget for en komponent er dataene som vi skal manipulere. Disse dataene lagres i et spesielt objekt data. Dette objektet skal returneres som et resultat av en spesiell metode:

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

La oss lagre en tekst i egenskapen til data-objektet:

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

De lagrede dataene kan vises i presentasjonen. Dette gjøres i doble krøllparenteser, der navnet på egenskapen skrives, for å vise verdien vi ønsker. La oss vise verdiene til våre egenskaper:

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

La oss nå sørge for at hvert av våre meldinger vises i sin egen avsnitt:

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

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