Vue-daky data obýekti
Komponentiň esasy, biz üýtgedip durjak maglumatlardyr.
Bu maglumatlar aýratyn data obýektinde saklanýar.
Bu obýekt aýratyn metodiň netijesi hökmünde yzyna gaytarylmaly:
export default {
data() {
return {
}
}
}
Geliň maglumat obýektiniň aýratynlygynda käbir tekst saklaýalyň:
data() {
return {
text1: '111',
text2: '222',
}
}
Saklanýan maglumatlar görkezilmede görkezilip bilner. Bu iki süýümli äyri möýüşli ýaýlaryň içinde edilýär, olaryň içine biz görkezmek isleýän bahasynyň aýratynlyk ady ýazylýar. Geliň aýratynlyklarymyzyň bahalaryny görkezeliň:
<template>
{{ text1 }}
{{ text2 }}
</template>
Indi bolsa, her bir habarymyz öz abzasyna düşüp görkeziljek eteliň:
<template>
<p>{{ text1 }}</p>
<p>{{ text2 }}</p>
</template>
Goy data-da ulanyjynyň ady we familiýasy saklansyn:
data() {
return {
name: 'john',
surn: 'smit',
}
}
Her bir aýratynlygy aýratyn div teginde görkeziň.