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 ցանկի տեսքով։