Vue'до textarea менен иштөө

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>