Vue Framework'te Niteliklerle Çalışma
data içindeki özellik değerlerini sadece metne değil,
etiketlerin niteliklerine de ekleyebiliriz.
Bu, v-bind direktifi kullanılarak yapılır.
Şimdi bu direktifi kullanarak
img etiketinin src niteliğine
değer atayalım. İstenen değerin şu özellikte saklandığını varsayalım:
data() {
return {
attr: 'img.png',
}
}
Özellikten gelen değeri
src niteliğine yazalım:
<template>
<img v-bind:src="attr">
</template>
Genellikle herkes v-bind'in kısaltılmış
versiyonunu kullanır. Bu, nitelik adının önünde
sadece iki nokta üst üsteden ibarettir:
<template>
<img :src="attr">
</template>
data içinde bir metin
ve bir bağlantı adresinin saklandığını varsayalım:
data() {
return {
text: 'page',
href: 'page.html',
}
}
Bu verileri kullanarak aşağıdaki kodu oluşturun:
<a href="page.html">page</a>
