Práce s textarea ve Vue

Práce s textarea probíhá úplně stejně jako u inputů - přes direktivu v-model. Podívejme se v praxi. Vytvořme vlastnost, kterou budeme vázat na náš tag:

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

Přivažme vlastnost k tagu:

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

Vytvořme ještě odstavec, do kterého bude vypisován vkládaný text:

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

Задание 1

Je dán textarea. Zařiďte, aby při psaní textu v tomto textarea byl tento text současně vypisován v odstavci pod ním.

Задание 2

Je dáno tlačítko textarea. Do něj se vkládá text. Po stisknutí tlačítka získejte pole zadaných slov a vypište prvky tohoto pole ve formě seznamu ul.