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

Лайфхаки Vue 3

В статье представлены полезные советы и рекомендации для разработки на Vue 3.

Например, вот один из них. Если вы знакомы с Сomposition API, то знаете, для его работы нужно каждый раз в компоненте объявлять defineComponent и setup: 

<script lang="ts">
import {defineComponent} from 'vue';

export default defineComponent({
name: 'Test',
setup() {
// ...
}
})
</script>

А можно воспользоваться короткой записью:

<script lang="ts" setup>
//...
</script>

Об этом и других советах читайте в статье!

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

#vue

GSAP & Vue3

Делимся обучающей статьей по созданию анимации с помощью библиотеки GSAP на Vue 3!

Лучшее обучение всегда эффективнее при создании чего-то на практике. В проекте из статьи задействованы такие современные инструменты, как Vite(инструмент сборки) и TailwindCSS(библиотека для стилизации).

Вы научитесь подключать и использовать на практике данные инструменты во Vue 3. Всего столько полезного в одной статье!

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

#vue

Анимация во Vue

В статье рассматривается 5 лучших библиотек для создания анимаций во Vue:

- vue-kinesis
- vue-prix
- vue-fake3d-image
- v-wave
- vue-animate-onscroll

Читайте полный обзор с примерами использования в статье!

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

#vue

Pinia - это официально признанная библиотека управления состоянием для Vue.

Даже создатель Vue Эван Ю назвал его фактически Vuex 5. 

Pinia была создана Эдуардо Сан Мартином Мороте, тем же членом команды Vue, который создал Vue Router.
 
Но знаете ли вы, почему стоит использовать Pinia вместо Vuex?

В статье подробнее рассказывается о данной библиотеке и объясняется, почему она лучше Vuex. 

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

#vue

NuxtJS Content

Модуль Content в NuxtJS это headless CMS, основанная на файловой системе. Она предоставляет мощные функции для создания блогов, документации или просто добавления контента на обычный сайт.

Контент хранится в директории content/ в вашем проекте в виде файлов .md, .yml, .csv и .json и извлекать его можно также с помощью API.

Такой тип хранения данных идеален для документации инструментов разработки, и любого другого контента не требующего частого обновления. Если же контент должен динамически обновляться от действий пользователей, то тут без базы данных не обойтись.

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

#vue