Рад са атрибутима у оквиру Vue

Убацивање вредности својстава из data могуће је не само у текст, већ и у атрибуте елемената. То се ради уз помоћ директиве v-bind.

Хајде да уз помоћ ове директиве поставимо вредност атрибута src за елемент img. Нека жељена вредност буде сачувана у својству:

data() {
	return {
		attr: 'img.png',
	}
}

Упишимо вредност из својства у атрибут src:

<template>
	<img v-bind:src="attr">
</template>

Обично се користи скраћени облик v-bind. Он представља само двотачку испред имена атрибута:

<template>
	<img :src="attr">
</template>

Нека у data буду сачувани текст и адреса везе:

data() {
	return {
		text: 'page',
		href: 'page.html',
	}
}

Формирајте уз помоћ ових података следећи код:

<a href="page.html">page</a>