Vue 'key' Attribute

Vue-তে 'কী' বৈশিষ্ট্য শিখুন

Vue 'কী' বৈশিষ্ট্য

Vue.js 'key' v-for . Vue v-for .

🔑মূল পয়েন্ট:

মূল বৈশিষ্ট্য ছাড়া, ক্রম পরিবর্তন করা হলে উপাদান বৈশিষ্ট্য মিশ্রিত করা যেতে পারে। মূল বৈশিষ্ট্য Vue কে প্রতিটি উপাদানকে স্বতন্ত্রভাবে সনাক্ত করতে দেয়।

উদাহরণ

আপনার নিজস্ব Vue সার্ভার পান

মূল বৈশিষ্ট্যটি খাদ্য-আইটেম উপাদানে ভি-ফর দিয়ে তৈরি প্রতিটি উপাদানকে অনন্যভাবে সনাক্ত করতে ব্যবহৃত হয়।

<food-item
  v-for="x in foods"
  :key="x.name"
  :food-name="x.name"
  :food-desc="x.desc"
  :is-favorite="x.favorite"
/>

এই উদাহরণে,:key="x.name"প্রতিটি খাদ্য-আইটেম উপাদানের জন্য একটি অনন্য শনাক্তকারী প্রদান করে। এটি Vue কে উপাদানগুলি ট্র্যাক করতে এবং দক্ষতার সাথে আপডেট করতে সক্ষম করে৷

Vue 'কী' অ্যাট্রিবিউট টিউটোরিয়াল

Vue-তে 'কী' বৈশিষ্ট্য সম্পর্কে আপনার বোঝার পরীক্ষা করার জন্য এই টিউটোরিয়ালটি ব্যবহার করে দেখুন।

Vue-তে লুপের জন্য 'কী' অ্যাট্রিবিউট ব্যবহার না করলে কী হয়?

দ্রুত রেন্ডারিং ঘটে
✗ ভুল! কী ছাড়া, Vue উপাদানগুলি কার্যকরভাবে আপডেট করা যায় না, যা জিনিসগুলিকে ধীর করে দেয়
উপাদান বৈশিষ্ট্য মিশ্রিত করা যেতে পারে
✓ ঠিক আছে! মূল বৈশিষ্ট্য ছাড়া, ক্রম পরিবর্তন করা হলে উপাদান বৈশিষ্ট্য মিশ্রিত করা যেতে পারে
উপাদান স্বয়ংক্রিয়ভাবে মুছে ফেলা হয়
✗ ভুল! উপাদানগুলি ধ্বংস হয় না, তবে ভুলভাবে আপডেট করা যেতে পারে
Vue কার্যকর করা বন্ধ করবে
✗ ভুল! Vue এখনও কাজ করে, কিন্তু অপ্রত্যাশিত আচরণের সাথে