Как стать автором
Обновить

Комментарии 26

спасибо за ссылку

Реализация большей части этих библиотек займет пару строк кода. Есть ли смысл использовать, что-то стороннее?

НЛО прилетело и опубликовало эту надпись здесь
Да пару, но когда надоест в 100500ом проекте писать то, что писалось 100500 раз — возьмешь готовое.

Все это решается каким нибудь CSS фреймворком, типа Vuetify или bootstrapvue

Но ведь это все полноценные библиотеки компонентов, в которых огромное количество решений, большинство из которых не всегда нужны. Если нужно небольшое приложение с crud-таблицей, то почему бы не использовать описанное в статье
Не знаю, как Vuetify, а вот в BootstrapVue есть возможность подключить только нужный компонент.

import { BootstrapVue } from 'bootstrap-vue'
Vue.component('b-table', BootstrapVue.BTable)
Vue.component('b-dropdown', BootstrapVue.BDropdown)

У Vuetify свой лоадер, который включит в бандл только использованные компоненты.

по «Всплывающие уведомления»
подскажите если много сообщений выводится и они уходят вниз за экран, библиотека это понимает и ускоряет удаление первых? Если нет, то подскажите библиотеку которая работает по такому принципу
попробовал тесты у них на сайте — он не понимает когда уходит на экран. Переходим ко второй части вопроса

Насколько все плохо (или хорошо) у Vue с поддержкой TypeScript? Я имею в виду на практике.

Disclaimer: у нас TypeScript + Vue это непрофильная область и кода написано немного.
Основная сложность в настройке окружения (webpack и плагины вокруг него), после этого TS начинает приносить пользу, с голым JS было бы явно хуже, особенно при рефакторинге. Были проблемы с импортом single file components (.vue) в .ts код, но от необходимости этого избавились.
В целом стоит того, если фронтенд не самый примитивный.
Кажется в третьей версии обещают улучшить поддержку TS. Во второй версии TS использовать можно (и очень желательно), но с непокидающим ощущением костылей. Особенно напрягает, что ts не проверяется в шаблонах, а только в блоке script.
Используем quasar для мелких приложений под андроид. С их шаблоном и в WebStorm в принципе проверки есть, не всегда угадывает, но 70% где то (иногда цепляет непонять откуда). eslint-plugin-vue, @vue/eslint-config-typescript должны в принципе работать.
Спасибо! Посмотрю eslint-plugin-vue, @vue/eslint-config-typescript.
vuetify one love, для собственных пет проектов и админок самое то, тем более если вам не хочется создавать собственные стили.
Vuex считается? + под него vuex-map-fields
Мне однозначно не обойтись без vuetify, и это — причина, почему я ушел с react. Все указанные библиотечки многократно перекрываются vuetify. vue-clickaway — не рекомендую использовать, там тупой простейший подход с навешиванием события на document, который не работает для событий с stopPropagation. Подход, использующийся во vuetify (useCapture), гораздо лучше.
Для админок уже несколько лет использую quasar. очень редко помимо него еще компоненты требуются.

Можете описать плюсы и минусы? Тоже к квазару приглядываюсь — вроде все нужное есть, но какие "подводные камни"?

Вы знаете… вот минусов сходу не придумаю… У меня один из проектов на 3400 компонентов 2 года уже развивается… никогда не сталкивался что чего-то что подтюнить нельзя было… Может только то что по моему мнению разработчики очень уж хотят чтобы прям полноценный фреймворк получился у них… там всяких утилит еще дополнительно для всего на свете :) Но так как в сборку только то что используется идет — то не так страшно.
Quasar навязывает себя как единственное решение для всего приложения. Bootstrap, например, и Quasar оказались несовместимы. Я хотел взять у них только один компонент в свое приложение. Этот компонент на странице вообще не отобразился. Из-за стилей. Quasar использует беспрефиксные стили. Причем такие распространенные как row, column, wrap, content, flex, disabled. Мне пришлось бы убирать Bootstrap и переименовывать общие стили.
Также Quasar добавляется в проект не совсем стандартно, как другие библиотеки. И вообще рекомендует использовать свой CLI.
Ещё минус — это код компонент. Там везде render функция. Для сложных компонент (например календарь) это выглядит ужасно и отбивает желание разбираться и править под себя.
vue-numeral-filter

  • {{ 1.46 | percentage }} => 146%
  • {{ 123987.202 | exponential }} => 1.24e+5
  • {{ 22.674199 | numeral(«0.00») }} => 22.67

Только не стоит забывать, что Vue3 деприкейтит поддержку фильтров.
Да, будем на методы менять.
Зарегистрируйтесь на Хабре , чтобы оставить комментарий