ტექსტური ველის (textarea) მუშაობა Vue-ში

textarea-თან მუშაობა ხდება ზუსტად ისევე, როგორც ინპუტებთან - დირექტივის v-model მეშვეობით. პრაქტიკაში ვნახოთ. შევქმნათ თვისება, რომელსაც მივაბათ ჩვენს ტეგს:

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

მივაბათ თვისება ტეგს:

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

შევქმნათ აბზაციც, რომელშიც გამოიტანება შეყვანილი ტექსტი:

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

მოცემულია textarea. გახადეთ ისე, რომ ტექსტის აკრეფისას ამ textarea-ში, ეს ტექსტი ერთდროულად გამოიტანოს მის ქვეშ მდებარე აბზაცში.

Задание 2

მოცემულია ღილაკი textarea. მასში შედის ტექსტი. ღილაკზე დაჭერით მიიღეთ შეყვანილი სიტყვების მასივი და გამოიტანეთ ამ მასივის ელემენტები სიის ul სახით.