Vue-də data obyekti
Komponentin əsasını idarə edəcəyimiz
məlumatlar təşkil edir.
Bu məlumatlar xüsusi
data obyektində saxlanılır. Bu obyekt
xüsusi metodun nəticəsi kimi
qaytarılmalıdır:
export default {
data() {
return {
}
}
}
Gəlin məlumat obyektinin xüsusiyyətində hardasa bir mətni saxdayaq:
data() {
return {
text1: '111',
text2: '222',
}
}
Saxlanılan məlumatları təsvirdə göstərmək olar. Bu, düzəliş mötərizələri içərisində qiymətini göstərmək istədiyimiz xüsusiyyətin adı yazılmaqla edilir. Gəlin xüsusiyyətlərimizin qiymətlərini göstərək:
<template>
{{ text1 }}
{{ text2 }}
</template>
İndi isə hər bir mesajımızın öz abzasında göstərilməsini təmin edək:
<template>
<p>{{ text1 }}</p>
<p>{{ text2 }}</p>
</template>
data-da istifadəçinin adı
və soyadı saxlanılsın:
data() {
return {
name: 'john',
surn: 'smit',
}
}
Hər bir xüsusiyyəti ayrı-ayrı
div teqində göstərin.
