আপনার নিজস্ব Vue সার্ভার পান
প্রতিবার DOM ট্রি আপডেট করার সময় কনসোলে একটি বার্তা লিখতে আপডেট করা লাইফসাইকেল হুক ব্যবহার করুন।
export default {
data() {
return {
sliderVal: 50,
renderCount: 0
}
},
updated() {
this.renderCount++;
console.log('Updated ' + this.renderCount + ' times.')
}
}এটি কীভাবে কাজ করে তা দেখতে "এটি নিজে চেষ্টা করুন" বোতামে ক্লিক করুন৷
সংজ্ঞা এবং প্রয়োগ
DOM ট্রি আপডেট হওয়ার পরে আপডেট করা লাইফসাইকেল হুক ঘটে।
যদি আমরা আপডেট করা হুকের একটি সম্পত্তি পরিবর্তন করি বা অন্য কিছু করি যা একটি নতুন রেন্ডারিং ট্রিগার করে, সেই নতুন রেন্ডারিংয়ের পরে আপডেট করা হুকটিকে আবার কল করা হবে এবং আমরা প্রায়শই একটি অসীম লুপ তৈরি করেছি।
একটি অন্তহীন লুপ এড়াতে আমাদের সর্বদা আপডেট লাইফসাইকেল হুকের পরিবর্তে beforeUpdate লাইফসাইকেল হুক ব্যবহার করার কথা বিবেচনা করা উচিত।
এই.$nextTick() বা nextTick() ফাংশনগুলিও DOM আপডেট হওয়ার পরে কোড চালানোর জন্য ব্যবহার করা যেতে পারে।
দ্রষ্টব্য:
উপরের উদাহরণে, আমরা কনসোলে রেন্ডার গণনা লিখি কারণ ভিউতে পরিবর্তন করা আপডেট করা হুক পুনরায় কার্যকর করবে এবং একটি অসীম লুপ তৈরি করবে।
ভিউ টিউটোরিয়াল
এই টিউটোরিয়ালের অনেক অধ্যায় ব্যায়ামের সাথে শেষ হয় যা আপনার জ্ঞানের স্তর পরীক্ষা করতে পারে।