vue-antd-ui — это библиотека компонентов пользовательского интерфейса, которая стоит на плечах гигантов (antd).У нее есть преимущества, которых нет у других библиотек компонентов.Он наследует почти все функциональные характеристики antd и поставляется с различными бафами antd.
Для лучшей разработки и обслуживания название библиотеки компонентов было полностью обновлено до более фирменного.ant-design-vue(с 05.08.2018)
vue-antd-uiСозданный в сентябре 2017 года, он был официально открыт в марте 2018 года с более чем 800 коммитами, 23 версиями, 51 компонентом, в общей сложности 686 одиночными тестами и уровнем покрытия тестами 85,19%.
Благодаря стабильности antd у vue-antd-ui не было деструктивных обновлений с момента выпуска первой версии, а выпущенная на этот раз версия 1.0 естественно не имеет деструктивных обновлений. Если вы используете vue-antd-ui, вы можете обновить напрямую (npm i vue-antd-ui@1.0.0).
с момента последнего постаСтатья: Правильная поза при использовании JSX в VueПозже, в дополнение к исправлению ошибок, о которых сообщили пользователи, в библиотеку компонентов были добавлены List,Компонентов три, TreeSelect и Carousel.Количество компонентов достигает 51. По сравнению с antd пока не разработаны только Mention и Drawer (новые в 3.7.0) Далее в ближайшее время завершим разработку компонентов .
Кроме того, хотя вПредыдущая статьяИспользование Vue JSX вводится отдельно, но некоторые разработчики до сих пор не могут принять JSX.По этой причине мы обновили компонент формы.Оставив исходный API без изменений, мы добавили использование автоматического синтаксиса шаблонов.Коллекция и функции проверки.
Пришло время для конкурентного сравнения:
На этот раз я сравниваю только известный элемент и iView в Китае.Эти две библиотеки компонентов очень хорошие библиотеки компонентов.Количество компонентов очень богатое и качество высокое.
Интерактивный стиль:
Стиль взаимодействия и даже анимация - штука очень субъективная, оценку тут ставить не буду, рвать не буду! Скажу только одно: стиль и анимация vue-antd-ui на 100% соответствуют antd.
Количество компонентов (Сравнивайте только разностные компоненты):
| компоненты | iView | element | vue-antd-ui |
|---|---|---|---|
| Палитра цветов ColorPicker | имеют | имеют | никто |
| Календарь | никто | никто | имеют |
| список список | никто | никто | имеют |
| Прокрутка бесконечной прокрутки | имеют | никто | Может быть реализован с компонентом List |
Любое упущение вышеперечисленных различий является чистой небрежностью!
Качество компонентов:
Качество — сложный показатель для количественной оценки, вот только одно тестовое покрытие для справки:
| iView | element | vue-antd-ui |
|---|---|---|
| Нет (неожиданно, посмотрите на код, одиночный тест все еще добавляется) | 86% | 85% |
глобализация:
Благодаря накоплению antd в интернационализации, vue-antd-ui имеет очевидные преимущества в языковых пакетах интернационализации. Главное, что vue-antd-ui может в любой момент изменить язык обернутого компонента на пути компонентов, то есть на одной странице одновременно может существовать несколько языков.
Настройка:
Если количество компонентов и интернационализация не так важны, то я думаю, может вас впечатлит кастомизация. Одной из причин разработки vue-antd-ui в то время было то, что было неудобно (или даже невозможно) настраивать некоторые элементы при использовании iView и element.
iView и element используются для некоторых пользовательских элементовфункция рендерингаКстати, без использования JSX функция рендеринга довольно сложна. Благодаря новым дополнениям после Vue 2.5.0slot-scopeproperties, vue-antd-ui позволяет вам продолжать использовать синтаксис шаблона для пользовательских элементов.
PS: iView и element пока не предоставляют эту функцию, потому что им необходимо поддерживать более ранние версии vue.
Редактировать: спасибо за напоминание, новая версия элемента уже имеет много атрибутов для поддержки слота.
Окружающая экология:
Преимущество: vue-antd-ui может совместно использовать ресурсы дизайна вокруг antd. Недостатки: отсутствие скаффолдинга и различных админов.Заинтересованные студенты могут присоединиться к нам для создания связанных ресурсов
Ссылка на сайт:
Адрес склада:GitHub.com/v Композиторский тендер…
Адрес официального сайта:v Компонент UE.GitHub.IO/Anta-design-…
Домашнее зеркало:Тан Цзиньчжоу.git ee.IO/Anta-design-…