Коркарди 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 баровардед.