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>
Задание 1

একটি textarea দেওয়া আছে। এমন করুন যাতে এই textarea-তে টেক্সট টাইপ করার সময়, এই টেক্সট একই সাথে এর নিচের প্যারাগ্রাফে দেখানো হয়।

Задание 2

একটি বাটন textarea দেওয়া আছে। এতে টেক্সট ইনপুট করা হয়। বাটনে ক্লিক করে ইনপুটকৃত শব্দগুলোর অ্যারে পুনরুদ্ধার করুন এবং অ্যারের এলিমেন্টগুলো একটি ul লিস্ট আকারে আউটপুট করুন।