2020年 16 个最有用的 Vue UI库 _Vue

本文主要跟大家分享一些 Vue 的 UI 库，这些库都是 github 高星的库，废话不多说，我们一起来看看。
1. Vuetify (?? 24k)网站：https://vuetifyjs.com/zh-Hans/
github： https://github.com/vuetifyjs/vuetify
Vuetify 是一个 Vue UI 库，包含手工制作的精美材料组件。不需要设计技能 - 创建令人惊叹的应用程序所需的一切都触手可及。Vuetify有超过100个组件元素，带有响应式网格系统，完全支持事件处理。通过每周的补丁和持续的更新， Vuetify 很可能在未来几年内仍然是最受欢迎的Vue库之一。

文章插图

2. Vue Material (?? 8587)网站： https://vuematerial.io/
github： https://github.com/vuematerial/vue-material
Vue Material 是一个轻量级的框架，建立在谷歌的 Material Design 基础上。设计强大的和美观的web应用并适用于不同的屏幕。我们可以动态地生成和使用主题，根据自己的需求只用组件， UI元素与组件的优势在于可以更简单的使用API和其他的。Vue Material 的目的是提供一组可重用的组件和一系列的UI元素，使用 Vue 2.0 建立支持主流的浏览器的应用。

文章插图

3. Element UI (?? 44k)网站： https://element.eleme.io/#/zh-CN/resource
这个就不多说，国内前端开发基本都知道的，强大好用的 Vue UI 库。

文章插图

4. Buefy (?? 7.1k)网站： https://buefy.org/
github： https://github.com/buefy/buefy
【2020年 16 个最有用的 Vue UI库】如果我们希望为项目提供一个更简单且轻量的UI库，那么这个基于bulma的轻量级工具是一个很好的选择。虽然它的组件比列表中的其他库要少，但这也是它的优点之一。保持Buefy轻量级，并且只保留最重要的组件，如下拉菜单、表单等，对于只想为几个关键组件使用库的开发人员来说，这是最好的选择之一。

文章插图

5. Quasar Framework (?? 13.8k)网站： http://www.quasarchs.com/
github： https://github.com/buefy/buefy
Quasar允许开发人员编写一次代码，并且使用相同的代码库同时部署为网站、PWA、Mobile App和Electron App 。使用最先进的CLI设计应用程序，并提供精心编写，速度非常快的Quasar Web组件。
当使用Quasar时，你不需要像Hammerjs ， Momentjs或Bootstrap这样的额外重型库。它拥有这些功能，而且体积很小！

文章插图

6. VueStrap (?? 4.8k)网站： http://yuche.github.io/vue-strap/
github： https://github.com/yuche/vue-strap
接下来的两个库都是使用VueJS实现类似Bootstrap组件的两种方式。VueStrap接受Bootstrap中发现的所有元素，并具有可以轻松导入和呈现的等效Vue组件。

文章插图

7. Bootstrap Vue (?? 10.9k)网站： https://bootstrap-vue.js.org/
github： https://github.com/bootstrap-vue/bootstrap-vue
最近， Vue.js 生态系统发布了一个新的软件包。它是流行的 Bootstrap 框架与 Vue.js 的集成。这个包称为 BootstrapVue 。它允许我们使用与 Bootstrap（v4）集成的自定义组件。它还支持自定义 Bootstrap 组件、网格系统，还支持 Vue.js 指令。

文章插图

8. UIV (?? 813)网站： https://uiv.wxsm.space/
github： https://github.com/wxsms/uiv
Bootstrap和Vue之间的又一个集成。尽管我对UIV的了解还不足以直接将其与前两个库进行比较，但需要注意一些关键事项。UIV使用Bootstrap css作为依赖项，从而使库本身轻量级化，并且根据其文档，它支持SSR（服务器端渲染）。