Vue да textarea билан ишлаш

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 рўйхат шаклида чиқаринг.