ভিইউই onActivated
🌈ভিইউই onActivated কি?
📋ভিইউই onActivated হলো সক্রিয় কম্পোনেন্ট পুনরায় সক্রিয় হলে প্রক্রিয়া সম্পন্ন করার পদ্ধতি।
⚒️ভিইউই onActivated সক্রিয় কম্পোনেন্ট পুনরায় সক্রিয় হলে প্রক্রিয়া সম্পন্ন করতে ব্যবহৃত হয়।
ভিইউই onActivated সক্রিয় কম্পোনেন্ট পুনরায় সক্রিয় হলে প্রক্রিয়া সম্পন্ন করার উদাহরণ।
vue
<!DOCTYPE html>
<html>
<body>
<div id="app">
<button @click="show = !show">ফলাফল</button>
<KeepAlive>
<child-component v-if="show"></child-component>
</KeepAlive>
</div>
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<script>
const {createApp, ref, onActivated} = Vue;
const ChildComponent = {
setup() {
onActivated(() => {
console.log("component activated");
});
return {};
},
template: "<p>কম্পোনেন্ট</p>"
};
createApp({
components: {ChildComponent},
setup() {
const show = ref(true);
return {show};
}
}).mount("#app");
</script>
</body>
</html>