Lucrul cu textarea în Vue

Lucrul cu textarea are loc absolut la fel ca și cu inputurile - prin directiva v-model. Să vedem în practică. Să facem o proprietate, pe care o vom lega de tagul nostru:

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

Să legăm proprietatea la tag:

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

Să facem și un paragraf, în care va fi afișat textul introdus:

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

Задание 1

Este dat textarea. Faceți astfel încât la introducerea textului în acest textarea, acest text simultan să fie afișat în paragraful de sub el.

Задание 2

Este dată o buton textarea. În el se introduce text. La apăsarea butonului obțineți un array de cuvinte introduse și afișați elementele acestui array sub forma unei liste ul.