Rad sa textarea u Vue

Rad sa textarea odvija se potpuno isto kao i sa inputima - putem direktive v-model. Hajde da pogledamo u praksi. Napravićemo svojstvo, koje ćemo vezati za naš tag:

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

Privežimo svojstvo za tag:

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

Napravimo i pasus, u koji će se ispisivati uneti tekst:

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

Задание 1

Dat je textarea. Uredite tako da prilikom unosa teksta u ovaj textarea, taj tekst istovremeno bude prikazan u pasusu ispod njega.

Задание 2

Data su dugme textarea. U njega se unosi tekst. Pritiskom na dugme dobijte niz unesenih reči i prikažite elemente ovog niza u vidu liste ul.