Vue অন্তর্নির্মিত উপাদান
Vue.js . UI , , .
মূল পয়েন্ট:
এই অন্তর্নির্মিত উপাদান Vue একটি অবিচ্ছেদ্য অংশ. এগুলি কোনও অতিরিক্ত ইনস্টলেশন ছাড়াই অবিলম্বে ব্যবহার করা যেতে পারে।
উপাদান টেবিল
Vue এর প্রধান অন্তর্নির্মিত উপাদানগুলির একটি বিশদ তালিকা:
| বল | ব্যাখ্যা |
|---|---|
| <KeepAlive> | নিষ্ক্রিয় গতিশীল উপাদানের অবস্থা মনে রাখে |
| <Suspense> | অ্যাসিঙ্ক্রোনাস উপাদানগুলির সাথে ব্যবহৃত, অ্যাসিঙ্ক্রোনাস উপাদানটি সমাধানের জন্য অপেক্ষা করার সময় ফলব্যাক স্লটের বিষয়বস্তু রেন্ডার করে, যাতে ডিফল্ট স্লটের বিষয়বস্তু রেন্ডার করা যায়। |
| <Teleport> | DOM কাঠামোতে একটি উপাদানকে অন্য অবস্থানে নিয়ে যায় |
| <Transition> | একটি উপাদানকে অ্যানিমেট করে যখন এটি আমাদের অ্যাপ্লিকেশন থেকে যুক্ত বা সরানো হয় v-if বা v-show, অথবা গতিশীল উপাদানগুলির সাথে। |
| <TransitionGroup> | v-for দিয়ে আমাদের পৃষ্ঠায় যোগ করা উপাদানগুলিকে অ্যানিমেট করে |
সতর্কতা:
<সাসপেন্স> বিল্ট-ইন উপাদান পরীক্ষামূলক, এবং বিশ্বব্যাপী সমর্থিত নয়।
Vue অন্তর্নির্মিত উপাদান টিউটোরিয়াল
Vue এর অন্তর্নির্মিত উপাদানগুলি সম্পর্কে আপনার বোঝার পরীক্ষা করার জন্য এই টিউটোরিয়ালটি ব্যবহার করে দেখুন।
Vue-তে DOM-এ একটি উপাদানকে অন্য স্থানে সরাতে কোন নেস্টেড কম্পোনেন্ট ব্যবহার করা হয়?
সর্বোত্তম অনুশীলন
Vue বিল্ট-ইন উপাদানগুলি ব্যবহার করার সময় এই নির্দেশিকাগুলি অনুসরণ করুন:
গতিশীল উপাদানের অবস্থা সংরক্ষণ করতে <KeepAlive> ব্যবহার করুন
মডেল এবং টুলটিপের জন্য <Teleport> ব্যবহার করুন
সাধারণ অ্যানিমেশনের জন্য <Transition> ব্যবহার করুন
সিকোয়েন্স অ্যানিমেশনের জন্য <TransitionGroup> ব্যবহার করুন
উত্পাদন অ্যাপ্লিকেশনগুলিতে <সাসপেন্স> ব্যবহার করা এড়িয়ে চলুন (এটি এখনও পরীক্ষামূলক)