Data օբյեկտը Vue-ում

Կոմպոնենտի հիմքը տվյալներն են, որոնցով մենք կծրագրենք: Այդ տվյալները պահվում են հատուկ data օբյեկտում: Այս օբյեկտը պետք է վերադարձվի հատուկ մեթոդի արդյունքով:

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

Եկեք պահենք տվյալների օբյեկտի հատկության մեջ ինչ-որ տեքստ:

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

Պահված տվյալները կարելի է ցուցադրել ներկայացման մեջ: Դա արվում է կրկնակի գանգուր փակագծերում, որոնցում գրվում է այն հատկության անունը, որի արժեքը մենք ցանկանում ենք ցուցադրել: Եկեք ցուցադրենք մեր հատկությունների արժեքները:

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

Եվ հիմա եկեք անենք այնպես, որ յուրաքանչյուր հաղորդագրություն ցուցադրվի իր պարբերության մեջ:

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

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