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