Delo z textarea v Vue

Delo z textarea poteka popolnoma enako kot z vhodi - prek direktive v-model. Poglejmo si v praksi. Naredimo lastnost, ki jo bomo povezali z našo oznako:

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

Povežimo lastnost z oznako:

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

Naredimo še odstavek, v katerega bo izpisovan vnesen tekst:

App.vue<template>
  <textarea v-model="text"></textarea>
  <p>{{ text }}</p>
</template>
Задание 1

Podan je textarea. Poskrbite, da se ob vnosu teksta v ta textarea, ta tekst sočasno izpiše v odstavku pod njim.

Задание 2

Podan je gumb textarea. Vanj se vnese tekst. Ob kliku na gumb pridobite seznam vnesenih besed in izpišite elemente tega seznama v obliki seznama ul.