Vue Framework-da atributlarla iş
data-dən olan xassə dəyərlərini yalnız mətnə deyil, həm də teqlərin atributlarına daxil etmək olar.
Bu, v-bind direktivi vasitəsilə edilir.
Gəlin bu direktivdən istifadə edərək
img teqinin src atributunun
dəyərini təyin edək. İstənilən dəyərin aşağıdakı xassədə saxlandığını fərz edək:
data() {
return {
attr: 'img.png',
}
}
Gəlin xassədən olan dəyəri
src atributuna yazaq:
<template>
<img v-bind:src="attr">
</template>
Adətən hamı v-bind-in qısaldılmış
variantından istifadə edir. Bu, sadəcə olaraq
atributun adından əvvəl gələn iki nöqtədir:
<template>
<img :src="attr">
</template>
Fərz edək ki, data-da mətn
və link ünvanı saxlanılır:
data() {
return {
text: 'page',
href: 'page.html',
}
}
Bu məlumatlardan istifadə edərək aşağıdakı kodu formalaşdırın:
<a href="page.html">page</a>
