Ответ
Работал с Vuetify, Element UI, Quasar, и BootstrapVue.
- Vuetify: Использовал для Material Design проектов, удобен готовыми компонентами (таблицы, формы, модалки).
- Element UI: Хорош для админок, но требует кастомизации под бренд.
- Quasar: Мощный фреймворк с SSR, PWA поддержкой и кроссплатформенными компонентами.
- BootstrapVue: Подходит для быстрого прототипирования с Bootstrap-стилями.
Пример с Vuetify:
<template>
<v-btn color="primary" @click="handleClick">Click me</v-btn>
</template>
<script>
export default {
methods: {
handleClick() {
console.log('Clicked!');
}
}
};
</script>Предпочитаю Quasar за гибкость и Vuetify за готовые решения.
Ответ 18+ 🔞
Так, слушай, вот сижу я тут, вспоминаю всю эту фронтендскую движуху с UI-фреймворками. Как будто в зоопарке побывал, ей-богу.
Ну, Vuetify — это ж классика, для тех, кто хочет быстро наклепать что-то в стиле этого самого Material Design. Таблицы, формы, модалки — всё из коробки, как горячие пирожки. Удобно, если проект под это заточен. Но иногда чувствуешь себя, будто собираешь мебель из Икеи: вроде всё есть, но если хочешь полку не туда прикрутить — начинается пиздец и танцы с бубном.
А вот Element UI… Ну, это такая рабочая лошадка для админок. Надел — и вперёд. Но боже мой, если тебе нужно отойти от их стандартного вида хоть на миллиметр, начинается адская кастомизация. Чувствуешь себя не фронтендером, а экскаваторщиком, который пытается выкопать ямку зубочисткой.
Но потом я открыл для себя Quasar. Вот это, блядь, ёперный театр! Это не фреймворк, это целая вселенная. Хочешь SSR? Пожалуйста. PWA? Да без проблем, на тебе манифест и сервис-воркер. Мобильное приложение через Cordova? Да хули там! Компоненты, которые на десктопе, на телефоне и даже, кажется, на холодильнике выглядят адекватно. Гибкость — овердохуища. После него другие кажутся игрушками.
Ну и BootstrapVue… Эх, старый добрый. Когда нужно за полдня набросать прототип, чтобы заказчик глаза не выел, а у тебя терпения ноль ебать — он спасает. Взял знакомые классы, накидал компонентов — и вот уже что-то похожее на правду дышит. Но для серьёзной штуки — ну его нахуй, слишком уж всё общее, без характера.
Вот, к примеру, как в Vuetify кнопку сделать — проще пареной репы:
<template>
<v-btn color="primary" @click="handleClick">Click me</v-btn>
</template>
<script>
export default {
methods: {
handleClick() {
console.log('Clicked!');
}
}
};
</script>Всё. Красиво, материально, кликабельно. Но попробуй выйти за рамки их дизайн-системы — и ты в болоте.
Так что, если подводить черту под этим всем словоблудием: для максимальной гибкости и мощности мой выбор — Quasar, голова потом не болит. А если нужно быстро и по канонам Google — Vuetify тебе в руки, там готовых решений — хоть завались. Остальное — уже по обстоятельствам, когда горит или очень специфично надо.