ساخت لودینگ کار سختیه؟

امروز می‌خوام بهتون vuetify رو معرفی کنم. این فریم ورک لعنتی خیلی عالیه!

با وجود این فریم ورک می‌تونید همه کار کنید ، از جمله ساخت یه لودینگ توی اپلیکیشن فرانت اند خودتون که با vue.js نوشتید‌اش.

فقط کافیه که با دستور زیر توی ترمینال این فریم ورک رو به اپلیکیشن خودتون اضافه کنید.

vue add vuetify

بعدش یه کامپوننت به اسم L‍oading.vue بسازید و دقیقا اینی که اینجاست رو کپی پیست کنید!

<template>
  <v-overlay :value=&quotisLoading&quot :z-index=&quot999999&quot>
    <v-progress-circular :size=&quot50&quot color=&quotprimary&quot indeterminate></v-progress-circular>
  </v-overlay>
</template>


export default {
name: &quotLoading&quot,
props: [&quotisLoading&quot],
};

حالا هرکجایی از پروژه که نیاز به لودینگ داشتی فقط کافیه که یه متغیر به اسم loading بسازی و به عنوان یه prop به این کامپوننت پاسش بدی! مهم نیست این کامپوننت رو کجای template ات میذاری فقط وجودش تو پیج الزامیه! بعدش با true و یا false کردن مقدار لودینگ می‌بینی که یه لودینگ زیبا برات درست شده!

برای اطلاعات بیشتر و شخصی سازی این لودینگ ها می‌تونی به داکیومنت خود سایت vuetify یه نگاه بندازی و ببینی که چقدر کارای خلاقانه‌ای می‌شه با این ابزار کرد.