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:
export default {
data() {
return {
}
}
}
Keling, ma'lumotlar ob'ektining xususiyatida qandaydir matn saqlaymiz:
data() {
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:
<template>
{{ text1 }}
{{ text2 }}
</template>
Endi har bir xabarmiz o'z abzasida chiqishi uchun qilaylik:
<template>
<p>{{ text1 }}</p>
<p>{{ text2 }}</p>
</template>
data da foydalanuvchi ismi
va familiyasi saqlansin:
data() {
return {
name: 'john',
surn: 'smit',
}
}
Har bir xususiyatni alohida
div teglarida chiqaring.
