2020年最有趣的Vue UI组件库中的15个

2020年最有趣的Vue UI组件库中的15个

2020年最有趣的Vue UI组件库中的15个
СОДЕРЖАНИЕ
02 июня 2020

有趣的Vue UI组件库


"为什么要打扰Vue UI组件库?" 好吧,Vue或Vue.js是一个流行的JavaScript库,您可以使用它在前端创建动态应用程序。自2014年成立以来,它在过去的两年中一直保持势头。 Vue已成为Angular和React的主要竞争对手,而Vue受欢迎的原因之一是 组件的使用, 使开发更容易掌握.

在这篇文章中, 我们涵盖了一些最有趣的Vue UI组件库 你应该先研究一下。如果您正在开发Vue应用程序,那么它们一定会派上用场!

1个. Vue材料套件

VUE材料套件

Vue Material Kit是一个很棒的捷径,可用于在构建新网站或Web应用程序时加快设计/开发过程。需要具备JavaScript,Vuejs和Vue Router的基础知识,但除此之外,该软件包非常易于掌握且美观.

该套件包含60个手工制作的组件,两个自定义插件和三个示例页面.

2. 威化

Vuetify主页

Vuetify是Vue的框架,可让您 创建干净,语义可重用的UI组件. 它可以与Vue的服务器端渲染(SSR)一起使用.

在最佳的Vue UI组件库中,Vuetify成为一个有趣的选择的原因是现成的脚手架代码的可用性-以预制的vue-cli模板的形式。这可以帮助您快速入门。 Vuetify还拥有一个良好的社区并定期更新.

3. 布菲

布菲

布菲 是基于Vue和 布尔玛, 一个CSS框架。该框架虽然与Bulma捆绑在一起,但不到100 KB.

如果您对SASS感到满意,就会感到宾至如归 Buefy与SASS的相似之处. 话虽这么说,尽管Buefy提供了可供初学者应用程序使用的现成组件列表,但如果从事大型项目,您可能会发现它不够用。.

4. Vue材料

Vue材料

Vue Material是根据Google最新设计规范设计的可扩展库。该库包含 有用的组件 简化制作复杂应用程序外壳的过程.

它的下载量超过170万,提供了一个轻量级的库来构建适合每个屏幕的应用程序。 Vue Material库与现代Web浏览器兼容,并且它的API对初学者友好,非常适合我们的2020年列表.

5. 鱼UI

鱼UI

Fish UI是一个轻量级的Vue UI组件库工具包,支持webpack和ES2015.

在撰写本文时,该项目只有五个贡献者。但是,上个月有一些活动,表明该活动仍在进行中。你可以去 项目文件 试试看!

6. 类星体

类星体

Quasar是基于Vue的前端框架。如果您打算使用响应式Web和移动应用程序,则应考虑使用它。这是一个成熟的框架,除了框架的组件外,还支持最小化和缓存等功能。截至2020年5月, GitHub上的14.6k星.

Quasar可能是我们在这里介绍的所有Vue UI组件库中最广泛的。它具有深入的文档和强大的端到端实施.

7. Vux

Vux

Vux是在Vue之上基于微信的WeUI和webpack的框架。但是,文档主要是中文的,英文翻译很少。 Vux主要强调为您的应用程序快速开发移动组件.

这是 现场演示 Vux的内容,它列出了所有组件及其在浏览器中的呈现.

8. 元件

元件

Element是用于Web的UI组件库,也具有用于 反应 和 角度的, 除了Vue。该组件库专门针对桌面应用程序,因为其组件没有响应.

Element也有大量的中文文档,尽管提供了西班牙语和英语翻译。非母语的华人应该通过 国际化文件 在项目中使用Element之前.

9. 基恩

敏锐的UI文档

与本文介绍的大多数其他Vue UI组件库不同,Keen-UI侧重于通过JavaScript而不是可视组件进行交互。 Keen-UI的灵感来自 Google的材料设计, 并带有易于使用的API.

Keen UI并未重申需要在整个应用程序中使用,并且具有一些有用的组件,可以根据需要在策略上放置它们。因此,当向现有应用程序添加迭代功能时,Keen UI是一个不错的选择.

10. 用户界面

用户界面

AT-UI是另一个Vue UI组件库,重点关注桌面应用程序.

AT-UI为您的Web应用程序提供平面UI组件。虽然有14个贡献者,但可用的支持并不多 入门模板 在GitHub上,您可以使用.

11. 薄荷UI

薄荷UI

Mint UI是基于Babel JavaScript编译器的轻量级Vue UI组件库。该封装的小尺寸使其适合在移动应用中使用。 Mint UI为应用程序的组件提供了一个类似于iOS的主题。这是 一个演示 Mint UI组件.

薄荷UI已超过15,000星 在GitHub上. 框架的开发仍在进行中,在1月中旬对master分支进行了新的提交。但是,快速浏览GitHub上的问题跟踪器将告诉您Mint UI迎合了中国开发人员的需求.

12. VuePress

VuePress

VuePress是基于Vue的静态网站生成器。该框架使用webpack创建预渲染的静态HTML页面(静态WordPress网站如何?),这使得处理速度大大加快。.

VuePress的使用为您的项目打开了很多可能性,例如 自动化您的文档编制过程. 也很容易集成到您现有的应用程序中。但是,一个很大的缺点是SEO支持仍然是新的,并且 文件 尚未专注于此主题.

13. Eagle.js

Eagle.js

Eagle.js是Vue中的一个框架,使开发人员能够创建 Web应用程序中的幻灯片放映. 在Eagle.js中有很多主题,动画,小部件和样式可供选择和自定义.

即使Eagle.js在演示站点上提供了大量示例, 文件资料 仍然很小。 Eagle.js的明显替代方案是 Reveal.js, 用于网络幻灯片放映的独立JavaScript框架。但是,Eagle.js克服了Reveal.js的最大缺陷-幻灯片结构的刚性.

14. Bootstrap-Vue

Bootstrap-Vue

Bootstrap-Vue将广泛使用的CSS库Bootstrap的功能引入Vue。它为您提供了现成的UI组件和网格系统,并且一切都是移动优先且响应迅速的。此外,该库的组件与WAI-ARIA网站可访问性指南兼容。遵循Bootstrap快速创建UI组件的理念,Bootstrap-Vue使开发人员能够快速启动项目.

文档内容丰富 并且社区的支持很强,这使得某人开始与.

15. iView用户界面

iView用户界面

iView UI是Vue中的一个库,提供了UI组件和小部件,重点在于简洁的设计。 iView拥有自己的命令行界面(CLI)工具, iView-cli, 它提供了用于组件脚手架的可视化工具以及文档的脱机版本。它是积极维护的, 定期更新 解决错误并添加功能.

如果您在专案中使用iView,这里是 入门套件, 这将帮助您开始使用该库的基本用法.

选择哪个Vue UI组件库?

我们在这里列出了15个执行各种功能的Vue UI组件库,但是哪个最好?好吧,答案与往常一样是 "这取决于." 如果您需要完整的解决方案,则可以继续进行选择 类星体. 另一方面,如果您正在寻找现有项目的即插即用解决方案,则可能要继续进行 威化 要么 基恩.

您在项目中使用哪个Vue UI组件库?请在下面的评论中告诉我们.

您可能也对这些文章感兴趣:

  • 最佳Angular管理员仪表板模板

别忘了加入我们的速成班,以加快WordPress网站的速度。通过一些简单的修复,您甚至可以减少50-80%的加载时间:

*这篇文章包含会员链接,这意味着,如果您单击其中一个产品链接然后购买产品,我们将收取一小笔费用。不用担心,您仍然需要支付标准金额,因此您无需承担任何费用.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Это интересно
    Adblock
    detector