ویو جی اس ایجاد عملیات همگام

شما در حالت لودینگ هیچی رو نشون نمی‌دین، می‌تونین یه متغیر به اسم loaded داشته باشین که پیشفرض false باشه، تا وقتی که false باشه یه المنت دیگه رو نمایش بدین و هر وقت true شد چیزایی که گفتین رو نشون بدین.
بعد لود اگه آرایه محصولات خالی بود اون پیام رو نشون می‌دین، اگه خالی نبود هم که لیست محصولات نشون داده میشه.

این چیزی که دوستمون گفت درسته اگر المنت رو داری باید اینجوری عمل کنی ولی

اگر اطلاعات شما از متغییر خونده میشه یعنی همون "اگه محصولی یافت نشد بیا یه پیام نشون بده"
میتونی از v-cloak برای مخفی کردن استفاده کنی و توی استایل ها display:none قرار بدی تا موقعی که اطلاعات رو دریافت کنی.

[v-cloak] {
    display: none;
}

<p v-if="loading" v-cloak>Loading</p>

مرسی از شما
از لودینگ استفاده کردم مشکلم برطرف شد
نکته ای که هست باید رنگ لودینگ رو مشکی در نظر بگیرم تا هیچی از زیرش مشخص نباشه چون با مقدار کم رنگ مشکی برای لودینگ بازم اون محتوای زیر نمایش داده میشه
@muhammad
@juza66

سلام از لودینگ استفاده کردم ولی من از یه روش بهتری استفاده کردم
من برای نمایش پیام محصولی یافت نشد یه متغییر جداگانه تعریف کردم که مقدارشو در ابتدا false در نظر گرفتم تا پیام نشون داده نشه و مقدار این متغییر فقط زمانی بروزرسانی میشه که جواب کوئری من از سرور دریافت بشه و اگر محصولی یافت شد که مقدارش همچنان false باقی می ماند و تغییری نمی کند اگر هم محصولی یافت نشد مقدارش true میگردد و پیام نشون داده می شود. ما این برسی شرطو داخل قسمت then درخواست با axios قرار می دهیم با این روش دیگه هرگز برای یک ثانیه هم اون پیام بی علت و بدون منطق و مدریت ما نشون داده نمی شود و صدرصد کاربردیس.