Kufanya Kazi na Sifa (Attributes) katika Vue Framework
Kuingiza thamani za sifa kutoka data
inaweza kufanyika sio tu kwenye maandishi, bali pia kwenye sifa za vitenzi.
Hii inafanywa kwa kutumia dira v-bind.
Wacha kwa kutumia dira hii tuweke
thamani ya sifa src kwa kitenzi
img. Wacha thamani inayotakikana
ihifadhiwe kwenye sifa:
data() {
return {
attr: 'img.png',
}
}
Wacha tuandike thamani kutoka kwenye sifa kwenye
sifa src:
<template>
<img v-bind:src="attr">
</template>
Kawaida watu wengi hutumia toleo liliofupishwa
la v-bind. Linawakilisha
alama ya koloni (:) kabla ya
jina la sifa:
<template>
<img :src="attr">
</template>
Wacha kwenye data kuhifadhiwe maandishi
na anwani ya kiungo:
data() {
return {
text: 'page',
href: 'page.html',
}
}
Tengenezza kwa kutumia data hizi msemo ufuatao:
<a href="page.html">page</a>
