Праца з textarea у Vue

Праца з textarea адбываецца абсалютна таксама, як і з інпутамі - праз дырэктыву v-model. Давайце паглядзім на практыцы. Зробім уласцівасць, якое будзем прывязваць да нашага тэга:

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

Прывязам уласцівасць да тэга:

App.vue<template>
  <textarea v-model="text"></textarea>
</template>

Зробім яшчэ і абзац, у які будзе выводзіцца ўводзімы тэкст:

App.vue<template>
  <textarea v-model="text"></textarea>
  <p>{{ text }}</p>
</template>
Задание 1

Дадзены textarea. Зрабіце так, каб пры наборы тэксту ў гэтым textarea, гэты тэкст адначасова выводзіўся ў абзацы пад ім.

Задание 2

Дадзена кнопка textarea. У яго ўводзіцца тэкст. Пасля націску на кнопку атрымайце масіў уведзеных слоў і выведзіце элементы гэтага масіву ў выглядзе спіса ul.