Data objekts Vue

Komponenta pamatā ir dati, ar kuriem mēs manipulēsim. Šie dati tiek glabāti īpašā objektā data. Šis objekts jāatgriež kā īpašas metodes rezultāts:

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

Glabāsim objektā ar datiem kādu tekstu:

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

Saglabātos datus var izvadīt skatā. Tas tiek darīts dubultajās cirtainajās iekavās, kurās raksta īpašuma nosaukums, kura vērtību mēs vēlamies izvadīt. Izvadīsim mūsu īpašumu vērtības:

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

Tagad padarīsim tā, lai katrs no mūsu ziņojumiem tiktu izvadīts savā rindkopā:

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

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