Praca z textarea w Vue

Praca z textarea odbywa się absolutnie tak samo, jak z inputami - przez dyrektywę v-model. Spójrzmy w praktyce. Stwórzmy właściwość, którą będziemy wiązać z naszym tagiem:

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

Powiążmy właściwość z tagiem:

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

Stwórzmy jeszcze akapit, w którym będzie wyświetlany wprowadzany tekst:

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