Εργασία με textarea στο Vue

Η εργασία με το textarea γίνεται ακριβώς με τον ίδιο τρόπο, όπως και με τα input - μέσω της directive 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>