Что выбрать vuetify vs bootstrap-vue?

Question

[Богдан]

Здравствуйте. Вот думаю что лучше выбрать vuetify или bootstrap-vue для нового проекта? Как бы бустрап лучше знаю, а в чем преимущества vuetify не подскажите? Спасибо.

Comments

[Artem0071]

Просто скажу что есть еще некоторые
статья на хабре с описаниями
А из не очень моего большого опыта могу сказать что element-ui достаточно интересен и удобно сделан, с хорошей документацией, и довольно часто обновляется и чинится
А так же quasar - тут вообще есть возможность сделать сразу нативные приложения на андроид и иос, а так же недавно обновился, и теперь стал еще лучше и проще

[wiyod]

я смотрю прежде всего на возможно импортить нужные компоненты, а не целый фреймворк.

вообще вопрос странный. они же абсолютно разные, как можно между ними выбирать?

[Богдан]

wiyod, а в каком из этих двух можно импортить отдельные компоненты, судя по примерах там вся либа подключается?

[Aslan]

Богдан, во vuetify можно импортить отдельные компоненты https://vuetifyjs.com/en/guides/a-la-carte

Answer 1

[Сергей Зимоглядов]

С bootstrap-vue не работал, но с bootstrap опыт большой.
В своих проектах использую vuetify, внешне он как-то больше нравится.
По vuetify могу сказать:

1. Отличная документация https://vuetifyjs.com/en/getting-started/quick-start (есть на русском языке)
   
2. Большой набор готовых компонентов
   
3. Настройка тем
   
4. Сетка (такая же гибко настраиваемая как у bootstrap)
   
5. В ближайшее время появится новые компоненты https://vuetifyjs.com/releases/0.17/#/vuetify/roadmap
   
6. Очень нравится реализация компонентов, частенько смотрю исходный код vuetify, многие идей реализации своих компонентов беру именно от туда
   

Что бы не выбрал bootstrap-vue или vuetify, это всего лишь компоненты Vuejs, со своими темами оформления, компонентами и т.д.. Посмотри какие компоненты нужны, попробуй создай пару страниц на каждом, и там уже станет понятно, что тебе больше подойдет.
И тот и другой можно допилить под свои нужды.

Comments

[Богдан]

Спасибо. Что-то поковырялся я в примерах сетки и не могу разобраться, что является аналогом бустраповского
1)

<div class="row"> - <v-layout row>
<div class="col"> - <v-flex>

2) и в vuetify без корневого , насколько я понял сетка не заработает?

[Сергей Зимоглядов]

Богдан
1)

<v-layout row> = <div class="row">
<v-flex xs10> = <div class="col col-xs-10">

2) Если имеешь в виду корневой <v-container></v-container>, то без него заработает

<v-container></v-container> = <div class="container"></div>

[Богдан]

Сергей Зимоглядов, тег code не поставил и не отобразился пример )). Про корневой, я имею ввиду
<v-app>

[Сергей Зимоглядов]

Богдан, не знаю, не пробовал))
Про <v-app> тут написано https://vuetifyjs.com/ru/style/theme, для чего он нужен.
А здесь https://vuetifyjs.com/ru/getting-started/frequentl... в "Тема Dark или Light не работает." как обойтись без <v-app>

Answer 2

[Алексей]

Вы фреймворки хотите изучать или сделать проект ? Если есть такие задачи, с которыми не может справиться технология, которую итак хорошо знаете, то различия и "преимущества" сами по себе будут очевидны. Результат будет всеравно один и тотже, как с бутстрапом, так и с вьютифаем.
Вобщем я к тому, что на вопрос "что лучше между А и Б", всегда ответ - лучше это сделанный в срок проект и желательно полученное удовольствие при его создании. Если же сроков у вас итак нет, то не вижу проблем тупо попробовать реализовать его в 2х вариантах, как с бутстрапом, так и с вьютифаем.

Answer 3

[rain-man]

преимущества vuetify в том, что использует flex-grid, не нужны "костыли" при верстке под разные разрешения и код проще.