2019 Элемент обзора библиотеки компонентов Vue, iView, HeyUI, Ant Design Vue

Документ сравнения библиотек компонентов Vue, который я написал в 2018 году:
nuggets.capable/post/684490…

За год каждая библиотека компонентов подверглась дополнительной разработке, и Ant Design также выпустил vue-версию библиотеки компонентов.

Поэтому в этом году я провел оценку библиотеки компонентов Vue, которая в настоящее время относительно стабильна и полностью функциональна.

🐔 Об отзывах

Я полагаю, что людей, прочитавших эту статью, также будет волновать вопрос «Какую библиотеку компонентов выбрать?»

Выбор библиотеки компонентов оказывает решающее влияние на разработку клиентской системы.

Богатство и надежность компонентов находятся в центре нашего внимания.

Поэтому об этом сравнении в основном судят по количеству компонентов и сравнению основных компонентов.

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

💐 Библиотека компонентов

Element UI

Официальный сайт:element.eleme.io/#/

Github: GitHub.com/E?Fe/Голодный…

iView UI

Официальный сайт:www.iviewui.com/

Github: github.com/iview/iview

Ant Design of Vue

Официальный сайт:v UE.Anta.design/docs/v UE/in…

Github: GitHub.com/v Композиторский тендер…

HeyUI

Официальный сайт:www.heyui.top/

Github: GitHub.com/ и YUI/ и YUI…

🚀Сравнение компонентов

Я потратил некоторое время на более подробное сравнение этих четырех компонентных библиотек.

основные компоненты

Четыре библиотеки компонентов, доступно около 48 компонентов.

Сетка сетка
Макет макета
Значок Значок
кнопка кнопка
Поле ввода ввода
Радио радио
Флажок Множественный выбор
Selectвыпадающий выбор
AutoCompleteнечеткое соответствие
NumberInput ввод числа
переключатель переключатель
Слайдер слайдер
Оценка оценка
Переключатель опции SwitchList
Formформа
Окно поиска
Загрузчик
TreeДерево
Трансферный челночный бокс
DatePickerвыбор даты
Выбор времени TimePicker
Выбор даты и времени DatetimePicker
Выбор диапазона дат DateRangePicker
Каскад Выбор каскада
хлебные крошки
меню меню
Пагинация
Вкладка «Вкладки»
Ступенчатая полоса
Выпадающее меню DropdownMenu
Вернуться к началу Вернуться к началу
Панель
Тег
Tableлист
Информация об аватаре аватара
Значок Микромасштаб
Карусель Карусель
Крах
Индикатор выполнения
Загрузка
Индикатор загрузки LoadingBar
Хронология
Подсказка сообщения
Уведомление
Модальное всплывающее окно
всплывающие подсказки
Всплывающий совет OK
Круговое кольцо прогресса

PS, каждая библиотека компонентов не обязательно имеет одно и то же имя, но примерно один и тот же компонент.

Среди них Form, Table, Select, AutoComplete, Tree, DatePicker, на мой взгляд, являются основными компонентами библиотеки компонентов.

Есть много различий в реализации различных библиотек компонентов на этих компонентах.

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

Сравнение компонентов таблицы

По поводу "кастомного индекса", iview и Ant Design Vue в статистике я не видел соответствующих документов, что может быть не верно.

Условно говоря, Element и Ant Design Vue имеют немного больше функций для Table.Если в вашей системе больше требований к приложению Table, я рекомендую использовать эти два компонента.

Сравнение других компонентов

Как видно из сравнения на рисунке выше, каждая библиотека компонентов имеет разные типы разработки, поэтому при выборе также можно ориентироваться на референс.

Резюме сравнения

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

При разработке технологии вы можете выбирать в соответствии со своими потребностями.

Результаты этой оценки на самом деле весьма неожиданны.Каждая библиотека компонентов имеет разные варианты дизайна компонентов, но окончательное общее количество компонентов одинаково.

✨Рекомендация по компонентам

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