Vue фреймворгінде сипаттамалармен жұмыс

data-тан алынған қасиет мәндерін тек мәтінге емес, сонымен қатар тег сипаттамаларына енгізуге болады. Бұл v-bind директивасының көмегімен жасалады.

Осы директиваның көмегімен img тегінің src сипаттамасына мән берейік. Қажетті мән мына қасиетте сақталсын:

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>