Vue හි data වස්තුව
සංරචකයේ පදනම වන්නේ අපි
හැසිරවීමට යන දත්තයි.
මෙම දත්ත සුවිශේෂී
වස්තුවක් data තුළ ගබඩා වේ. මෙම වස්තුව
විශේෂ ක්රමයක ප්රතිඵලයක්
ලෙස ආපසු ලබා දිය යුතුය:
export default {
data() {
return {
}
}
}
අපි දත්ත වස්තුවේ ගුණයක් තුළ යම් පෙළක් ගබඩා කරමු:
data() {
return {
text1: '111',
text2: '222',
}
}
ගබඩා කරන ලද දත්ත දර්ශනය තුළ ප්රදර්ශනය කළ හැකිය. මෙය සිදු කරනුයේ ද්විත්ව කර්ණක වරහන් තුළ ය, එහිදී අපට ප්රදර්ශනය කිරීමට අවශ්ය ගුණයේ නම ලියා ඇත. අපගේ ගුණාංගවල අගයන් ප්රදර්ශනය කරමු:
<template>
{{ text1 }}
{{ text2 }}
</template>
දැන් අපගේ එක් එක් පණිවිඩය එහිම ඡේදයක තුළ ප්රදර්ශනය වන පරිදි කරමු:
<template>
<p>{{ text1 }}</p>
<p>{{ text2 }}</p>
</template>
data තුළ පරිශීලකයාගේ නම
සහ අනන්යය ගබඩා වේවා:
data() {
return {
name: 'john',
surn: 'smit',
}
}
සෑම ගුණයක්ම වෙන වෙනම
div ටැගයක් තුළ
ප්රදර්ශනය කරන්න.
