Kitu data katika Vue
Msingi wa komponen ni data,
ambayo tutabadilisha.
Data hii huhifadhiwa katika kitu maalum
data. Kitu hiki
kinapaswa kurudishwa kama matokeo
ya mbinu maalum:
export default {
data() {
return {
}
}
}
Wacha tuhifadhi katika mali ya kitu chenye data maandishi fulani:
data() {
return {
text1: '111',
text2: '222',
}
}
Data iliyohifadhiwa inaweza kuonyeshwa katika muonekano. Hii inafanywa kwa mabano ya kuona mara mbili, ambapo jina la mali linaandikwa, thamani ambayo tunataka kuonyesha. Wacha tuonyeshe thamani za mali zetu:
<template>
{{ text1 }}
{{ text2 }}
</template>
Na sasa tufanye ili kila ujumbe wetu uonekane kwenye aya yake:
<template>
<p>{{ text1 }}</p>
<p>{{ text2 }}</p>
</template>
Acha katika data ihifadhiwe jina
na jina la ukoo la mtumiaji:
data() {
return {
name: 'john',
surn: 'smit',
}
}
Onyesha kila mali kwenye
lebo tofauti div.
