Работа со 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.