Vue 'deactivated' Lifecycle Hook

নিষ্ক্রিয় লাইফসাইকেল হুক ব্যবহার করে প্রতিবার নিষ্ক্রিয় হুক কল করা হলে রেকর্ড করতে

Vue 'deactivated' Lifecycle Hook

🏁টিপ:

আপনার Vue সার্ভার পান

নিষ্ক্রিয় লাইফসাইকেল হুক ব্যবহার করে প্রতিবার নিষ্ক্রিয় হুক কল করা হলে রেকর্ড করতে।

Example

export default {
  data() {
    return {
      hookLog: []
    }
  },
  deactivated() {
    console.log("deactivated")
    this.hookLog.push("deactivated");
  }
}

সংজ্ঞা এবং প্রয়োগ

ডিঅ্যাক্টিভেটেড লাইফসাইকেল হুক চলে যখন একটি ক্যাশে করা উপাদান DOM থেকে সরানো হয়, কিন্তু ধ্বংস হয় না।

একটি উপাদান নেস্ট করা হয়কম্পোনেন্ট ব্যবহার করে ক্যাশে করা হয়।

একটি ক্যাশড কম্পোনেন্ট তৈরি হওয়ার পর, এটি একাধিকবার DOM থেকে ঢোকানো এবং মুছে ফেলা যেতে পারে, এবং প্রতিবার এই ধরনের ক্যাশে করা উপাদান DOM থেকে সরানো হয় (কিন্তু ধ্বংস করা হয় না), নিষ্ক্রিয় লাইফসাইকেল হুক বলা হয়।

⚠️দ্রষ্টব্য:

নিষ্ক্রিয় করা এবং আনমাউন্ট করা হুকগুলির মধ্যে পার্থক্য হল যে যখন একটি ক্যাশ করা উপাদান DOM থেকে সরানো হয় (নাশ করা হয় না), তখন নিষ্ক্রিয় করা হুককে শুধুমাত্র বলা হয়।

Vue নিষ্ক্রিয় টিউটোরিয়াল

এই টিউটোরিয়ালে ব্যাখ্যা যাচাই করতে পারে এমন অনুশীলন করুন।

Vue উপাদানগুলিতে নিষ্ক্রিয় জীবনচক্র হুক কখন চলে?

যখন প্রথমবার কম্পোনেন্ট তৈরি করা হয়
✗ ভুল! এটি তৈরি বা মাউন্ট করা হুকের জন্য
উপাদান সম্পূর্ণরূপে ধ্বংস হয়ে গেলে
✗ ভুল! এটি আনমাউন্ট করা হুকের জন্য
যখন কম্পোনেন্টটি DOM এ ঢোকানো হয়
✗ ভুল! এটি সক্রিয় হুকের জন্য
যখন একটি ক্যাশ করা উপাদান DOM থেকে সরানো হয় (ধ্বংস করা হয় না)।
✓ ঠিক আছে! নিষ্ক্রিয় করা হুকDOM থেকে ক্যাশে করা উপাদানগুলি সরানো হলে চলে