Vue 'activated' Lifecycle Hook

🏁টিপ:

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

অ্যাক্টিভেটেড লাইফসাইকেল হুক ব্যবহার করে প্রতিবার অ্যাক্টিভেটেড হুককে কল করার সময় রেকর্ড করতে হবে।

Example

export default {
  mounted() {
    console.log("mounted");
    const liEl = document.createElement("li");
    liEl.innerHTML = "mounted";
    this.$refs.olEl.appendChild(liEl);
  },
  activated() {
    console.log("activated");
    const liEl = document.createElement("li");
    liEl.innerHTML = "activated";
    this.$refs.olEl.appendChild(liEl);
  }
}

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

সক্রিয় লাইফসাইকেল হুক চলে যখন একটি ক্যাশে করা উপাদান DOM-এ ঢোকানো হয়।

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

একটি ক্যাশড কম্পোনেন্ট তৈরি হওয়ার পরে, এটি একাধিকবার DOM থেকে ঢোকানো এবং সরানো যেতে পারে এবং প্রতিবার এই ধরনের ক্যাশে করা উপাদান DOM-এ ঢোকানো হলে, সক্রিয় জীবনচক্র হুক বলা হয়।

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

সক্রিয় এবং মাউন্ট করা হুকের মধ্যে পার্থক্য হল যে মাউন্ট করা হুক বলা হয় না যখন একটি বিদ্যমান ক্যাশে করা উপাদান DOM-এ ঢোকানো হয়।

Vue সক্রিয় প্রশিক্ষণ

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

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

যখন প্রথমবার কম্পোনেন্ট তৈরি করা হয়

✗ ভুল! এটি তৈরি বা মাউন্ট করা হুকের জন্য

যখন উপাদানের ডেটা পরিবর্তন হয়

✗ ভুল! এটি ঘড়ি বা গণনা করা বৈশিষ্ট্যের জন্য

যখন উপাদানটি ধ্বংস হয়ে যায়

✗ ভুল! এটি আনমাউন্ট করা হুকের জন্য

যখন একটি ক্যাশে কম্পোনেন্ট DOM-এ ঢোকানো হয়

✓ ঠিক আছে! সক্রিয় হুকDOM-এ ক্যাশ করা উপাদান ঢোকানো হলে রান হয়