Коркарди textarea дар Vue

Коркарди 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 баровардед.