Vue-da data ob'ekti

Komponentning asosini biz boshqaradigan ma'lumotlar tashkil qiladi. Ushbu ma'lumotlar maxsus data ob'ektida saqlanadi. Ushbu ob'ekt maxsus metodning natijasi sifatida qaytarilishi kerak:

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

Keling, ma'lumotlar ob'ektining xususiyatida qandaydir matn saqlaymiz:

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

Saqlanayotgan ma'lumotlarni ko'rinishda chiqarish mumkin. Buning uchun qo'sh jingalak qavslar ichida, biz chiqarmoqchi bo'lgan qiymatning xususiyat nomi yoziladi. Keling, xususiyatlarimizning qiymatlarini chiqaramiz:

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

Endi har bir xabarmiz o'z abzasida chiqishi uchun qilaylik:

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

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