Textarea használata Vue-ban

A textarea használata teljesen ugyanúgy történik, mint a input mezőkkel - a v-model direktíva segítségével. Lássuk a gyakorlatban. Készítsünk egy tulajdonságot, amelyet hozzákötünk a tagünkhöz:

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

Kössük a tulajdonságot a taghez:

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

Készítsünk még egy bekezdést is, amelybe a beírt szöveg kerül kiírásra:

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

Задание 1

Adott egy textarea. Úgy kell elrendezni, hogy a szöveg beírásakor ebben a textarea-ban, ez a szöveg egyidejűleg ki legyen írva az alatta lévő bekezdésbe is.

Задание 2

Adott egy gomb textarea. Ebbe szöveg van beírva. A gomb megnyomásakor kapja meg a beírt szavak tömbjét és írja ki a tömb elemeit egy ul listában.