تنفيذ خطوة بعد ظهور المكون بإستخدام onMounted
ال onMounted بتنفذ بعد تركيب المكون في DOM
المثال داخل مشروع Vue 3 يدعم ملفات SFC
تطبيق الفكرة
المثال بيغير الرسالة عند اكتمال التركيب
ملف App.vue
<script setup>
import { ref, onMounted } from "vue";
const message = ref("Waiting");
onMounted(() => { message.value = "Ready"; });
</script>
<template>
<p>{{ message }}</p>
</template>النتيجة
بعد تركيب المكون الرسالة بتبقى Ready
ملحوظة
ال onMounted مش بتشتغل أثناء العرض على السيرفر