تکنولوژی به ما اجازه می‌دهد که در سریع‌ترین زمان ممکن یک وبسایت زیبا و تعاملی را ایجاد کنیم. البته با وجود آنکه ایجاد یک رابط کاربری (UI) کاربر پسند همراه با تجربه کاربری (UX) بهینه به مطالعه و تمرین بسیار زیادی نیازمند است، اما Vuetify به شما کمک می‌کند تا در زمان کوتاه‌تری به اغلب این موارد دست پیدا کنید.
Vuetify چیست؟
Vuetify یک پروژه متن باز برای ایجاد رابط کاربری برای اپلیکیشن‌های موبایل و مبتنی بر وب است. این پروژه توسط جامعه کاربران Vue.js توسعه داده شده و توسط همین افراد نیز پشتیبانی می‌شود. در واقع یکی از ویژگی‌های منحصر به فرد این کتابخانه در مقایسه با کتابخانه‌های دیگر سطح بالای پشتیبانی آن است. چرا که تیم توسعه‌دهنده آن به مشکلات کاربران در گیت‌هاب پاسخ می‌دهند و به صورت هفتگی آن‌ها را بررسی می‌کنند.
بنابراین اگر قصد استفاده از این کتابخانه را دارید می‌توانید مطمئن باشید که پشتیبانی کاملی از آن صورت خواهد گرفت. Vuetify توسط اغلب مرورگرها پشتیبانی می‌شود البته برای سازگاری با IE۱۱ و یا Safari ۹ نیاز است تا از babel-polyfill استفاده کنید. یکی دیگر از ویژگی‌های مهم این ابزار معنادار بودن کامپوننت‌های آن است، بدین معنا که کامپوننت‌های آماده آن به خوبی نامگذاری شده‌اند و به همین دلیل روند یادگیری آسانی نیز خواهد داشت.
Vuetify همچنین با پوسته‌های رایگان و تجاری مختلف ولایه‌بندی‌های از پیش آماده عرضه می‌شود که از طریق آن‌ها می‌توانید به سرعت اپلیکیشن مورد نظرتان را ایجاد کنید.
سیستم Grid
Vuetify از یک سیستم شبکه‌ای یا گرید ۱۲ نقطه‌ای استفاده می‌کند. این قسمت از کتابخانه از مدل لایه‌بندی فلکس‌باکس استفاده می‌کند. همچنین این سیستم از ۵ breakpoint پشتیبانی می‌کند که می‌توانید آن‌ها را در زیر مشاهده کنید.
در پایان
اگر قبلا با فریمورک‌هایی مانند bootstrap و bootstrap-vue کار کرده باشید متوجه می شوید که استفاده از Vuetify چقدر کار شما را برای طراحی سایت آسان می کند. در واقع می‌توان گفت که Vuetify کامپوننت‌ها و ویژگی‌های آماده بسیار زیادی را ارائه می‌کند. البته باید گفت که اگر دنبال یک رابط کاربری (UI) سفارشی هستید این ابزار نمی‌تواند برای شما مناسب باشد. Vuetify برای افرادی ساخته شده که نیاز به سرعت بالا در جهت ایجاد رابط کاربری (UI) دارند.