Vue-তে প্রতিক্রিয়াশীল শর্ত

আসুন শর্তটিকে প্রতিক্রিয়াশীল করি। উদাহরণস্বরূপ, একটি বোতাম ক্লিক করে এলিমেন্টটি লুকিয়ে যেতে পারি। আমাদের কাছে নিম্নলিখিত প্যারাগ্রাফটি আছে:

App.vue<template>
  <p v-if="visible">text</p>
</template>

আসুন আমাদের প্যারাগ্রাফটি প্রাথমিকভাবে দেখানো হয় তা নিশ্চিত করি:

javascriptdata() {
  return {
    visible: true,
  }
}

এখন একটি বোতাম তৈরি করি, যেটি ক্লিক করলে প্যারাগ্রাফটি লুকিয়ে যাবে:

App.vue<template>
  <button @click="hide">লুকান</button>
  <p v-if="visible">text</p>
</template>

বাউন্ড মেথডটি visible প্রপার্টিকে false-এ পরিবর্তন করবে, যার ফলে আমাদের প্যারাগ্রাফটি লুকিয়ে যাবে:

javascriptmethods: {
  hide: function() {
    this.visible = false;
  }
}