Textarea-ga töötamine Vue's

Töötamine textarea toimub täpselt samamoodi nagu input'idega - läbi direktiivi v-model. Vaatame seda praktikas. Teeme omaduse, mille seome oma tagiga:

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

Seome omaduse tagiga:

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

Teeme veel ja lõigu, millesse sisestatav tekst kuvatakse:

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

Antud on textarea. Tehke nii, et tekstis sisestamisel sellesse textarea, see tekst samaaegselt kuvataks allolevas lõigus.

Задание 2

Antud on nupp textarea. Sellesse sisestatakse tekst. Vajutades nuppu saage massiiv sisestatud sõnadest ja kuvage selle massiivi elemendid loendina ul.