Bekerja dengan textarea di Vue

Bekerja dengan textarea terjadi dengan cara yang persis sama seperti dengan input - melalui direktif v-model. Mari kita lihat dalam praktik. Buatlah properti, yang akan kita ikat ke tag kami:

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

Ikat properti ke tag:

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

Buat juga paragraf, di mana teks yang dimasukkan akan ditampilkan:

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

Задание 1

Diberikan textarea. Buatlah agar saat mengetik teks di textarea ini, teks tersebut secara bersamaan ditampilkan di paragraf di bawahnya.

Задание 2

Diberikan sebuah tombol textarea. Di dalamnya dimasukkan teks. Saat tombol ditekan, dapatkan array kata-kata yang dimasukkan dan tampilkan elemen-elemen array tersebut dalam bentuk daftar ul.