Jassif Team Institution

Vue ইভেন্ট

Vue-তে ইভেন্ট হ্যান্ডলিং করা হয় v-on মেকানিজম দিয়ে, যাতে একটি বোতামে ক্লিক করলে কিছু ঘটে।

ইভেন্ট হ্যান্ডলিং হল যখন HTML উপাদানগুলি নির্দিষ্ট কোড চালানোর জন্য সেট করা হয় যখন একটি নির্দিষ্ট ঘটনা ঘটে।

Vue-তে ইভেন্টগুলি ব্যবহার করা সহজ এবং আমাদের পৃষ্ঠাটিকে সত্যিই প্রতিক্রিয়াশীল করে তোলে।

Vue পদ্ধতিগুলি এমন কোড যা একটি ইভেন্ট ঘটলে চালানোর জন্য সেট করা হয়।

ভি-অন মডিফায়ারের সাহায্যে, আপনি একটি ইভেন্টে কীভাবে প্রতিক্রিয়া করবেন তা আরও বিশদে বর্ণনা করতে পারেন।

ঘটনা দিয়ে শুরু করুন

বনে মুস গণনা করার জন্য কীভাবে একটি বোতামে ক্লিক করতে হয় তা দেখানোর জন্য একটি উদাহরণ দিয়ে শুরু করা যাক।

আমাদের প্রয়োজন:

• একটি বোতাম
• 'ক্লিক' ইভেন্টটি শুনতে <বোতাম> ট্যাগে v-অন করুন
• একটি কোড যা মুজের সংখ্যা বাড়ায়
• মুজের সংখ্যা ধরে রাখার জন্য Vue ইনস্ট্যান্সে একটি সম্পত্তি (ভেরিয়েবল)।
• মুজের বর্ধিত সংখ্যা দেখানোর জন্য ডাবল কোঁকড়া বন্ধনী {{}}।

<div id="app">
  <img src="img_moose.jpg">
  <p>{{ "Moose count: " + count }}</p>
  <button v-on:click="count++">Count moose</button>
</div>

<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<script>
  const app = Vue.createApp({
    data() {
      return {
        count: 0
      }
    }
  })
 app.mount('#app')
</script>

ঘটনা

কোড চালানোর জন্য ট্রিগার হিসাবে ব্যবহার করা যেতে পারে এমন অনেক ইভেন্ট রয়েছে, কিছু সাধারণ হল: 'ক্লিক', 'মাউসওভার', 'মাউসআউট', 'কিডাউন' এবং 'ইনপুট'।

ব্যবহার করার জন্য ইভেন্টের সম্পূর্ণ তালিকার জন্য আমাদের HTML DOM ইভেন্ট পৃষ্ঠা দেখুন।

'v-on'

ভি-অন অ্যালগরিদম আপনাকে এমন পৃষ্ঠা তৈরি করতে দেয় যা ব্যবহারকারী যা করছে তাতে প্রতিক্রিয়া দেখায়।

Vue v-on ব্রাউজারকে কোন ইভেন্টের জন্য শুনতে হবে এবং সেই ইভেন্টটি ঘটলে কী করতে হবে তা বলে কাজ করে।

পদ্ধতি

কোনো ঘটনা ঘটলে আপনি যদি আরও জটিল কোড চালাতে চান, তাহলে আপনি একটি Vue পদ্ধতিতে কোডটি রাখতে পারেন এবং একটি HTML অ্যাট্রিবিউট থেকে পদ্ধতিটি উল্লেখ করতে পারেন, যেমন:

<p v-on:click="changeColor">Click me</p>

ইভেন্ট এডিটর

v-on এবং Vue পদ্ধতিগুলি ছাড়াও, আপনি তথাকথিত ইভেন্ট মডিফায়ার ব্যবহার করতে পারেন, যা একটি ইভেন্টকে সংশোধন করে, উদাহরণস্বরূপ একটি পৃষ্ঠা লোড হওয়ার পরে শুধুমাত্র একবার ঘটতে পারে, অথবা একটি ফর্ম জমা হওয়া থেকে আটকাতে 'জমা'-এর মতো একটি ইভেন্ট সংশোধন করে।

আরও জানুন

আমরা দেখতে পাচ্ছি, Vue-তে ইভেন্টগুলি ব্যবহার করতে শেখার জন্য তিনটি কৌশল রয়েছে:

1. Vue v-on পদ্ধতি
2. Vue পদ্ধতি
3. Vue ভি-অন সম্পাদক

ভিউ টিউটোরিয়াল

ব্যায়াম দিয়ে নিজেকে পরীক্ষা করুন