Vue да textarea билан ишлаш

textarea билан ишлаш инпутлар билан ишлашга ўхшаш амалга оширилади - v-model директиваси орқали. Амалиётда кўрамиз. Ўзимизнинг хоссиятнимизни яратамиз, уни тегимизга боглаймиз:

data() {
	return {
		text: '',
	}
}

Хоссиятни тегга боглаймиз:

<template>
	<textarea v-model="text"></textarea>
</template>

Яна бир абзац яратамиз, унга киритилаётган матн чиқарилади:

<template>
	<textarea v-model="text"></textarea>
	<p>{{ text }}</p>
</template>

textarea берилган. Ушбу textarea-да матн киритилганда, шу матн бир вақтнинг ўзида унинг остидаги абзацда чиқарилишини таъминланг.

textarea теги берилган. Унга матн киритилади. Тугма босилганда, киритилган сўзлар массивини олинг ва ушбу массив элементларини ul рўйхат шаклида чиқаринг.