Vue 'mounted' Lifecycle Hook

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

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

কম্পোনেন্ট মাউন্ট হয়ে গেলে ইনপুট ফিল্ডের ভিতরে কার্সার রাখতে মাউন্ট করা লাইফসাইকেল হুক ব্যবহার করুন।

<script>
export default {
	mounted() {
		this.$refs.inpName.focus();
	}
}
</script>

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

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

মাউন্ট করা লাইফসাইকেল হুক Vue উপাদানটি DOM গাছে মাউন্ট করার পরে ঘটে।

যেহেতু কম্পোনেন্ট মাউন্ট করা হয়েছে, এটি কম্পোনেন্ট ইনস্ট্যান্সের মালিকানাধীন বৈশিষ্ট্যগুলি অ্যাক্সেস করতে পারে, যেমন ডেটা বা কম্পিউটেড, এবং কম্পোনেন্টের DOM উপাদানগুলি কারণ এটি DOM-এ মাউন্ট করা হয়।

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

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

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

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