Работа с 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.