Travailler avec textarea dans Vue

Travailler avec textarea se passe exactement de la même manière qu'avec les inputs - via la directive v-model. Voyons cela en pratique. Créons une propriété, que nous lierons à notre balise :

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

Lions la propriété à la balise :

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

Ajoutons également un paragraphe, dans lequel le texte saisi sera affiché :

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