Práca s textarea vo Vue

Práca s textarea prebieha úplne rovnako, ako s inputami - cez direktívu v-model. Pozrime sa na to v praxi. Vytvorme vlastnosť, ktorú budeme viazať na náš tag:

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

Previažme vlastnosť s tagom:

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

Pridajme ešte aj odsek, do ktorého sa bude vypisovať písaný text:

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

Задание 1

Daný je textarea. Zaistite, aby sa pri písaní textu do tohto textarea, tento text súčasne vypisoval do odseku pod ním.

Задание 2

Dané je tlačidlo textarea. Do neho sa píše text. Pri kliknutí na tlačidlo získajte pole zadaných slov a vypíšte prvky tohto poľa vo forme zoznamu ul.