Directives Vue.js-এ আপনাকে DOM-এর উপাদানগুলিতে বিশেষ আচরণ প্রয়োগ করার অনুমতি দেয়। এগুলি v- সিনট্যাক্সের সাথে উপসর্গযুক্ত এবং DOM ম্যানিপুলেট করতে, ইভেন্টগুলি পরিচালনা করতে, শর্তসাপেক্ষে উপাদান রেন্ডার করতে এবং আরও অনেক কিছু করতে ব্যবহৃত হয়। Vue.js বিভিন্ন বিল্ট-ইন প্রদান করে directives যেমন, এবং, যা সাধারণ ব্যবহারের ক্ষেত্রে বিস্তৃত পরিসর কভার করে। v-if v-for v-bind v-on
directives এখানে Vue.js-এ কিছু সাধারণ রয়েছে:
1. নির্দেশিকা: এই নির্দেশটি শর্তের উপর ভিত্তি করে একটি উপাদানকে শর্তসাপেক্ষে রেন্ডার করতে ব্যবহৃত হয়। v-if
উদাহরণ:
<div v-if="isShow">This element is only displayed if isShow is true.</div>
2. নির্দেশিকা: এই নির্দেশটি একটি অ্যারে বা একটি বস্তুর উপর পুনরাবৃত্তি করতে এবং সংশ্লিষ্ট উপাদান তৈরি করতে ব্যবহৃত হয়। v-for
উদাহরণ:
<ul>
<li v-for="item in items">{{ item }}</li>
</ul>
3. নির্দেশিকা: এই নির্দেশটি একটি অভিব্যক্তির মানকে একটি বৈশিষ্ট্য বা একটি উপাদানের বৈশিষ্ট্যের সাথে আবদ্ধ করতে ব্যবহৃত হয়। v-bind
উদাহরণ:
<img v-bind:src="imageUrl">
4. নির্দেশিকা: এই নির্দেশিকাটি একটি উপাদানের ঘটনাগুলি শুনতে এবং পরিচালনা করতে ব্যবহৃত হয়। v-on
উদাহরণ:
<button v-on:click="handleClick">Click me!</button>
5. নির্দেশিকা: এই নির্দেশটি একটি ইনপুট উপাদান এবং একটি ডেটা সম্পত্তির মধ্যে একটি দ্বিমুখী বাঁধাই তৈরি করে। v-model
উদাহরণ:
<input v-model="message">
directives এই Vue.js কিছু মৌলিক. directives আপনি আপনার Vue.js অ্যাপ্লিকেশনে নির্দিষ্ট আচরণ সম্পাদন করার জন্য আপনার নিজস্ব কাস্টম তৈরি করতে পারেন ।