Vue 'beforeMount' Lifecycle Hook

মাউন্ট লাইফসাইকেল হুকের আগে Vue সম্পর্কে জানুন

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

আগে মাউন্ট এবং মাউন্ট করা লাইফসাইকেল হুকগুলি ব্যবহার করুন যে মাউন্ট করা হুক পর্যন্ত উপাদানটির DOM উপাদানগুলি উপলব্ধ নয়।

export default {
  data() {
    return {
      refsObj1: '',
      refsObj2: ''
    }
  },
  beforeMount() {
    this.refsObj1 = this.$refs; // The $refs object is empty at this point
  },
  mounted() {
    this.refsObj2 = this.$refs;
  }
}

এটি কীভাবে কাজ করে তা দেখতে "এটি নিজে চেষ্টা করুন" বোতামে ক্লিক করুন৷

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

কম্পোনেন্ট মাউন্ট করার আগে আগে মাউন্ট লাইফসাইকেল হুক ঘটে, তাই DOM-এ কম্পোনেন্ট যোগ করার ঠিক আগে।

যেহেতু কম্পোনেন্টটি এখনও মাউন্ট করা হয়নি, কম্পোনেন্ট ইনস্ট্যান্সের ভিতরের বৈশিষ্ট্য যেমন Data বা Computed , অ্যাক্সেস করা যেতে পারে, কিন্তু কম্পোনেন্টের DOM উপাদানগুলি অ্যাক্সেস করা যাবে না কারণ এটি এখনও মাউন্ট করা হয়নি।

ভিউ টিউটোরিয়াল

এই টিউটোরিয়ালের অনেক অধ্যায় ব্যায়ামের সাথে শেষ হয় যা আপনার জ্ঞানের স্তর পরীক্ষা করতে পারে।

বিফোরমাউন্ট লাইফসাইকেল হুক সম্পর্কে কোন বিবৃতিটি সত্য?

BeforeMount হুকের $refs অবজেক্টে DOM উপাদান রয়েছে
✗ ভুল! বিফোরমাউন্ট হুক $refs অবজেক্টটিকে খালি রাখে কারণ উপাদানটি DOM-এ যোগ করা হয়নি
বিফোরমাউন্ট হুক DOM-এ কম্পোনেন্ট যোগ করার ঠিক আগে ঘটে
✓ ঠিক আছে! কম্পোনেন্ট মাউন্ট করার আগে, মাউন্ট করা হুকের ঠিক আগে আগে মাউন্ট হুক ঘটে
বিফোরমাউন্ট হুকে DOM উপাদানগুলি অ্যাক্সেস করা যেতে পারে
✗ ভুল! বিফোরমাউন্ট হুকে DOM উপাদানগুলি অ্যাক্সেস করা যাবে না কারণ উপাদানটি এখনও DOM-এ যোগ করা হয়নি
এর মাধ্যমে রেফারেন্স উপাদানগুলি অ্যাক্সেস করা যেতে পারে। $refs beforeMount হুকে
✗ ভুল! $refs অবজেক্টটি খালি কারণ কম্পোনেন্টটি beforeMount হুকের DOM-এ যোগ করা হয়নি এবং উপাদানগুলি অ্যাক্সেস করা যায় না।