Vue-এ v-show ডাইরেক্টিভ

শর্তসাপেক্ষ প্রদর্শনের আরেকটি বিকল্প হল v-show ডাইরেক্টিভ। এটি ব্যবহার করা খুবই অনুরূপ:

html<template>
  <p v-show="isAuth">
    +++
  </p>
</template>

পার্থক্য হল যে v-show সহ উপাদানটি সর্বদা রেন্ডার করা হবে এবং DOM-এ থাকবে, এবং কেবল এর CSS বৈশিষ্ট্য display টগল করা হবে।

v-if ডাইরেক্টিভ একটি "প্রকৃত" শর্তসাপেক্ষ রেন্ডারিং সম্পাদন করে, কারণ এটি নিশ্চিত করে যে ইভেন্ট শ্রোতা এবং চাইল্ড কম্পোনেন্টগুলি ব্লকের ভিতরে সঠিকভাবে ধ্বংস হয়ে যায় এবং শর্ত টগল করার সময় পুনরায় তৈরি হয়।

v-if ডাইরেক্টিভও অলস: যদি শর্তটি প্রাথমিক রেন্ডারের সময় মিথ্যা হয়, তাহলে এটি কিছুই করবে না - শর্তসাপেক্ষ ব্লকটি শর্ত সত্য না হওয়া পর্যন্ত রেন্ডার করা হবে না।

তুলনা করলে, v-show অনেক সহজ - উপাদানটি সর্বদা রেন্ডার করা হয়, নির্বিশেষে প্রাথমিক অবস্থার, CSS-ভিত্তিক টগলিং সহ।

সাধারণভাবে, v-if-এর টগল করার খরচ বেশি, যেখানে v-show-এর প্রাথমিক রেন্ডার করার খরচ বেশি। সুতরাং v-show ব্যবহার করুন, যদি টগলিং প্রায়শই ঘটে, এবং v-if পছন্দ করুন, যদি শর্ত রানটাইমের期间期间期間期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期间期間 পরিবর্তন নাও হতে পারে।