Vue.js 是一个用于构建用户界面和单页应用程序的开源 JavaScript 框架,自2014年首次发布以来,Vue 经历着不断的成长。2018年 Vue.js 主题的 VueConf 峰会参加者众多,Vue.js 也被票选为用户满意度最高的 JS 框架。
和竞争对手 React 框架相比,Vue 的区别优势在于他们的核心团队在解决框架中出现的问题时态度非常积极。举个例子,Nuxt 框架(一个构建通用 Vue 应用程序的框架)的开发者中很多都来自 Vue 的创始团队。
另一个例子就是 vue-class-component,它支持使用 class 类方式来开发 vue 组件,并且即将被整合在 Vue 3.0 中,Vue 3.0 预计将在2020年第一季度发布。
虽然 Vue 功能强大,但仍然有很多 Vue 库能够让你有更好的开发体验,下面就是我们通过 GitHub 上的呼声和自己的观察总结出的 Top 11。
1. Element UI
Element UI 来自中国,由与 Mint UI 相同的开发者所创建。Element UI 是用于 Web 和桌面应用程序的桌面 UI 工具包,如果你需要开发 Electron 应用,这个库会是你的理想之选。
2. iView
iView 是一个 UI 工具包,其中包含简洁又设计优雅的小部件和各种组件。iView 团队维护非常及时,最近一次的更新在19年3月18日,这次更新带来了一个Vue CLI 3的 iView 插件,你可以使用该插件快速构建基于 iView 的项目。
3. Vuetify
Vuetify 是基于 Material Design 的可重用和语义化的组件库,支持所有现在流行的浏览器并与 Vue CLI 3 兼容。Vuetify 拥有一个庞大的社区,碰到任何问题你都可以在他们的 Discord 频道上寻求帮助。
4. Mint UI
Mint UI 是一个具有 CSS 和 JS 组件的移动 UI 库,尽管是一个中文项目,但它的英文文档翻译得很漂亮,内容也很全面。这是一个非常轻量级的库,gzip 占用空间不到40kb。
5. VuePress
VuePress 是一款由 Vue 驱动的,极简主义的静态网页生成器,但你也可以在页面或文章中添加动态的 Vue 组件。每个所生成的页面是预先渲染的,拥有静态 HTML,随后 Vue 接管静态内容并将其转换为一个单页应用程序。
6. Quasar
Quasar 是最著名的 Vue 库之一,它是一个 Vue 框架,用于构建响应式网站,混合移动应用,Electron 应用等。Quasar 支持 Google 的 Material Design 设计语言和 iOS 的原生主题。
7. BootstrapVue
从名字就能看出来它与 Bootstrap 的关系,BootstrapVue 将 Vue 和最流行的 CSS 库相结合,它是 Bootstrap 4 组件的实现,也是 Vue 的一个具有 WAI-ARIA 无障碍网页访问技术的网格系统。
8. Vue Material
Vue Material 是一个用 Google Material Design 构建的轻量级库。它的生态系统拥有一个先进的 webpack 单页应用程序,一个带有 Nuxt.js 并用于 SSR 的通用应用程序以及一个用于极简化设置的 HTML 文件,所有这些内容都可以在网站上被找到。
9. Vuesax
Vuesax 的理念是希望通过改进设计来简化构建应用程序的过程,但同时又不影响 Vue 用户的使用习惯。Vuesax 拥有自己的 Discord 频道,拥有大约3,000名成员。
10. AT UI
如果你不想用 Bootstrap 或者 Material Design,AT UI 会是一个不错的选择。AT UI 是一个扁平化的 UI 工具包,被用于开发 web 和桌面应用。它拥有一个 NPM + Webpack + Babel 的前端开发工作流,并具有独立的 CSS 样式。
11. VuiKit
VuiKit 是一个基于 UIKit 3 框架的 Web 界面响应式 UI 套件。这是一个由 Yarn Workspaces 管理的单一存储库,它支持所有现代浏览器的最新版本。