Vue2-datepicker - элементы управления для выбора дат, создаваемые с помощью этой библиотеки, легко поддаются стилизации. Она поддерживает массу настроек, касающихся выбора дат и диапазонов дат. Библиотека позволяет формировать аккуратные и удобные элементы пользовательского интерфейса. Она даже поддерживает средства локализации.

#vue

Компоненты Tailwind 2.0 UI.

Красивые компоненты пользовательского интерфейса, созданные с помощью Tailwind CSS.
Более 400 профессионально разработанных, полностью отзывчивых примеров компонентов, которые вы можете добавить в свои проекты Tailwind и настроить по своему усмотрению. 

Полностью интерактивные фрагменты кода, ориентированные на доступность, для React и Vue, а также HTML.

#html #vue #react

Vuesax — новый фреймворк UI-компонентов, созданный Vuejs для упрощения работы над проектами и придания им уникального и приятного стиля. Он был создан с нуля и спроектирован так, чтобы подходить самым разным разработчикам, как любителям фронтенда, так и бэкендерам, желающим без особых проблем создать интерфейс приложения для конечного пользователя.

#vue

PrimeVue — это универсальная, простая в использовании и производительная библиотека UI-компонентов для Vue. Она создана, чтобы помочь вам строить прекрасные пользовательские интерфейсы.
В этой библиотеке вы найдете больше 80 UI-компонентов с адаптивным дизайном.

#vue

Vuestic UI - библиотека пользовательского интерфейса Vue.js 3.0. Содержит более 50 многофункциональных компонентов, которые можно использовать в любом дизайнерском решении.

#vue

Vuex-persistedstate - готовое решение для сохранения и восстановления своего состояние Vuex между перезагрузками страницы.

#vue

WaveUI - UI-фреймворк для Vue.js.

Основные особенности:
- Поддержка Vue 3
- Нет зависимости
- Обеспечение мощных элементов, например написание меню навигации в одну строку
- Без бесполезных оберток DOM внутри элементов пользовательского интерфейса.
- Обработка всех размеров и интервалов из одной $base-font-sizeпеременной Sass, которую вы можете переопределить
- Предоставление простых и последовательных опций и названий компонентов

#vue

BootstrapVue - набор, состоящий из более чем 85 компонентов, более 45 доступных плагинов, нескольких директив и более 1200 значков, обеспечивает одну из наиболее полных реализаций компонента Bootstrap v4 и системы сеток, доступных для Vue.js v2.6.

#vue

Element Plus - библиотека компонентов на основе Vue 3.0. Вы можете импортировать Element Plus полностью или просто импортировать то, что вам нужно.

#vue

Buefy — легковесная библиотека UI-компонентов для Vue, созданная на базе Bulma (CSS-фреймворк). Она комбинирует Bulma с Vue, помогая создавать прекрасно выглядящие приложения с минимальным количеством кода.

#vue

BalmUI - это система дизайна Google Material, с открытым исходным кодом, которая помогает командам создавать высококачественные проекты. Создавайте красивые продукты быстрее для Vue.js

#vue

AT-UI - это модульная среда пользовательского интерфейса для разработки быстрых и мощных веб-интерфейсов на основе Vue.js.

Основные особенности:
- Рабочий процесс фронтенд-разработки npm + webpack + babel
- Поддержка ES2015
- Независимость от стиля CSS, создание согласованных пользовательских интерфейсов
- Дружественный API

#vue

Бесконечный скролл во Vue

Если вы пишите на Vue, берите на заметку!

В статье показана простая реализация бесконечного скролла для страницы с помощью npm пакета 'vue-observe-visibility'.

Читать статью

#vue

VeeValidate

Как легко и быстро создать валидацию для формы?
Воспользоваться готовым решением!

VeeValidate - фрэймворк для валидации форм в приложениях на Vue.

Хочется похвалить документацию! Все доступно и понятно. В документации версии v4.x для Vue3 есть обучающая статья по использованию данного фрэймворка.

Ссылка на официальный сайт

#vue

Эволюция Vue

Vue 3 - актуальная версия данного фрэймворка на текущий момент.
Более двух лет происходили изменения в экосистеме Vue и за это время многое изменилось.

Например, новый Composition API позволил создавать более компонуемый код, а также проложил путь для более легкого внедрения TypeScript.

Об этом обновлении и других читайте подробнее в статье.

Ссылка на статью

#vue

nextTick

nextTick - это утилита Vue, которая используется в случаях, когда нужно дождаться обновления DOM после его перерисовки. 

Важно знать, что DOM обновляется асинхронно. Когда меняются какие-то данные во Vue, изменение не сразу отображается в DOM. Обычно это происходит так быстро, что порой может не иметь значения. 

Но иногда, например, нужно сразу обновить отрендеренный DOM после того, как Vue отрисовал его. А сделать это в методе вы сразу не можете, потому что обновление еще не произошло. В таких случаях на помощь приходит nextTick.

Как и когда использовать nextTick читайте в статье!

Ссылка на статью

#vue

drag-and-drop

Vue 3 сейчас является актуальной версией данного фрэймворка. Пора начинать пользоваться новыми фичами, которые в ней появились.

По этому случаю делимся обучающей статьей по созданию drag-and-drop загрузчику файлов на Vue 3.

Ссылка на статью

#vue