জয়েন লগইন

ভিইউই onBeforeUnmount

🌈ভিইউই onBeforeUnmount কি?

📋ভিইউই onBeforeUnmount হলো কম্পোনেন্ট আনমাউন্ট হওয়ার আগে প্রক্রিয়া সম্পন্ন করার পদ্ধতি।

⚒️ভিইউই onBeforeUnmount কম্পোনেন্ট আনমাউন্ট হওয়ার আগে প্রক্রিয়া সম্পন্ন করতে ব্যবহৃত হয়।

ভিইউই onBeforeUnmount কম্পোনেন্ট আনমাউন্ট হওয়ার আগে প্রক্রিয়া সম্পন্ন করার উদাহরণ।

vue
<!DOCTYPE html>
<html>
<body>

<div id="app">
  <button @click="show = !show">ফলাফল</button>
  <child-component v-if="show"></child-component>
</div>

<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<script>
const {createApp, ref, onBeforeUnmount} = Vue;
const ChildComponent = {
  setup() {
    onBeforeUnmount(() => {
      console.log("component will unmount");
    });
    return {};
  },
  template: "<p>হ্যালো বিশ্ব</p>"
};
createApp({
  components: {ChildComponent},
  setup() {
    const show = ref(true);
    return {show};
  }
}).mount("#app");
</script>
</body>
</html>