13个优秀的Vue开源项目及合集推荐

13个优秀的Vue开源项⽬及合集推荐

翻到⽂末推荐⼀个合集，点击阅读原⽂直达

Vue 结合了 React 和 Angular 的优点，并且有着团结、活跃且庞⼤的社区，可以帮助解决开发中遇到的问题。开源社区不断提出解决问题的新⽅法。⼯具和库的数量也贡献量不断的增加。

使⽤ Vue 的好处

该框架⾮常⼩。约为18–21KB；

Vue ⽀持⽤基于组件的⽅法来构建 Web 应⽤；

详细的⽂档。这对于初学者来说很容易上⼿；

易于理解。由于其结构简单，你可以轻松地把 Vue.js 添加到⾃⼰的 Web 项⽬⾥。它凭借定义良好的体系结构来保存你的数据。⽣命周期⽅法和⾃定义⽅法是分开的；

轻松的集成。你可以通过 CDN 来轻松添加 Vue.js，不依赖 Node.js 和 npm 环境就可以⽤。完全可以把它当成替代 jQuery 的绝佳选择；

出⾊的⼯具。通过 Vue CLI ，你可以使⽤内置的路由、状态存储、Lint、单元测试、CSS预处理器、Typescript、PWA 等来启动新项⽬。此外，Vue CLI 还提供了⽤于管理项⽬的UI。

Vue开源项⽬

下⾯汇总了⼀些⾮常流⾏的⼯具和库，并包括在 Vue ⽣态系统中所涉及到的其他库和插件。

是根据其有⽤性、有效性、⽂档、思想和贡献指南进⾏选择的。

UI组件

iView

Vue UI 组件⼯具包

Website: /

GitHub: /iview/iview

GitHub Stars: 22.8k

Image source: /

不断的更新使这组 UI 组件成为具有不同技能⽔平的开发⼈员的不错选择。但是你应该知道它不⽀持IE8。要开始使⽤ iView，请确保你对单⽂件组件有充分的了解。该项⽬具有友好的 API 和⼤量⽂档。Vue.js Modal

⾼度可定制的 Modal

Website: v.io/

GitHub: /euvl/vue-js-modal

GitHub Stars: 2.9k

Image source: v.io

你可以在⽹站上查看所有不同类型的模态窗⼝。总共有15个按钮，随意点击⼀个，你将会看到⼀个模态窗⼝⽰例。Light Blue Vue Admin

⽤于管理信息中⼼的 Vue.js 模板

Website: /templates/light-blue-vue-lite

GitHub: /flatlogic/light-blue-vue-admin

GitHub Stars: 76

Image source: /templates/light-blue-vue-lite/demo

演⽰：/light-blue-vue-admin/#/app

⽂档：/light-blue/documentation/

该模板是⽤ Vue CLI 和 Bootstrap 4 构建的。从演⽰中可以看到，该模板具有⼀组⾮常基本的页⾯：排版、地图、图表、聊天等。如果你需要扩展模板，则可以看⼀下有着 60 多个组件的 Light Blue Vue Full，它不含 jQuery，并且具有两个颜⾊主题。

Mint UI

移动端界⾯元素

Website: mint-ui.github.io/#!/en

GitHub: /ElemeFE/mint-ui

GitHub Stars: 15.2k

Image source: mint-ui.github.io/#!/en

使⽤现成的 CSS 和 JS 组件能够更快地构建移动应⽤。使⽤此⼯具，你不必担⼼⽣成⼤⽂件的风险，因为你可以按需加载。动画由 CSS3处理。要使⽤ Mint UI 需要安装 npm。你应该尝试预测应⽤程序所需的所有组件，并仅导⼊必要的组件。完整的代码（包括 CSS ⽂件）仅 30kb。

Vuetify

⽹站： /en/

Github: /vuetifyjs/vuetify

Demo: –

License: MIT

Github stars: 25.6k

Vuetify project

Vuetify 根据材料设计规范提供了⼤量的精制组件（80+）。Vuetify 结合了 Vue.js 和 Material 的所有优点。该框架与 RTL 和 Vue CLI-3 兼容。Vuetify 的所有组件都有很好的⽂档，也有清晰的⽰例。它可以⽤于 Vue 的服务器端渲染（SSR）。Vuetify ⽀持所有现代的Web 浏览器，甚⾄包括 IE11 和 Safari 9+（带有 polyfill）。它还带有现成的项⽬⽀架，你可以通过⼀个命令开始构建 Vue.js 应⽤。

它根据材料设计提供了⼀组组件，例如：

Buttons;

Inputs;

Cards;

轮播；

Tables,

列表。

Vuetify 背后有⼀个充满活⼒的社区，500 多个贡献者创建了⼤量的 Vuetify 插件。它有优质开源项⽬的所有要素：⼴泛的⽂档，⽂稿指南，问题管理等。

Buefy

⽹站： /

Github: /buefy/buefy

Demo: /expo/