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

Дан текстареа. Сделайте так, чтобы при наборе текста в этом текстареа, этот текст одновременно выводился в абзаце под ним.

Дан текстареа и кнопка. В текстареа вводится текст. По нажатию на кнопку получите массив введенных в текстареа слов и выведите элементы этого массива в виде списка `ul`.

←→
↑