Vue 'beforeUpdate' Lifecycle Hook

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

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

বিফোরআপডেট লাইফসাইকেল হুক ব্যবহার করে কতবার আপডেট ট্রিগার হয়েছে তা গণনা করুন।

export default {
  data() {
    return {
      sliderVal: 50,
      renderCount: 0
    }
  },
  beforeUpdate() {
    this.renderCount++;
  }
}

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

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

Vue-এর প্রতিক্রিয়াশীল সিস্টেম এমন একটি পরিবর্তন সনাক্ত করার পরে যা একটি নতুন রেন্ডারিং প্রয়োজন, কিন্তু সেই রেন্ডারিং হওয়ার আগে আগে আপডেট লাইফসাইকেল হুক ঘটে।

একটি অন্তহীন লুপ এড়াতে আমাদের সর্বদা আপডেট লাইফসাইকেল হুকের পরিবর্তে beforeUpdate লাইফসাইকেল হুক ব্যবহার করার কথা বিবেচনা করা উচিত।

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

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

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

বিফোরআপডেট হুক রেন্ডারিং হওয়ার আগে ঘটে
✓ ঠিক আছে! Vue-এর প্রতিক্রিয়াশীল সিস্টেম পরিবর্তন শনাক্ত করার পরে, কিন্তু একটি নতুন রেন্ডারিং হওয়ার আগে আগে আপডেট হুক ঘটে
পূর্ববর্তী আপডেট হুকে ডেটা পরিবর্তন করা যেতে পারে, যা একটি অসীম লুপ সৃষ্টি করে না
✗ ভুল! পূর্বে আপডেট হুকে ডেটা পরিবর্তন করা অসীম লুপের কারণ হতে পারে। রেন্ডারিং প্রয়োজন এমন পরিবর্তনগুলি এড়িয়ে চলুন
বিফোরআপডেট হুকটি ঘটে যখন উপাদানটি প্রথমবার তৈরি করা হয়
✗ ভুল! কম্পোনেন্টটি প্রথমবার তৈরি করার সময় beforeUpdate হুক ঘটবে না। রেন্ডারিং প্রয়োজন এমন একটি পরিবর্তন সনাক্ত করার পরেই এটি ঘটে
DOM উপাদানগুলি পূর্ববর্তী আপডেট হুকে এখনও আপডেট করা হয়নি
✗ ভুল! DOM উপাদানগুলি আগে থেকেই আপডেট করা হুকে আপডেট করা হয়েছে। বিফোরআপডেট হুক রেন্ডারিং হওয়ার আগে ঘটে, কিন্তু DOM আপডেট হওয়ার আগে নয়