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 тизмеси түрүндө чыгарыңыз.