Vue中值得关注的21个开源项目（推荐）(2)-木庄网络博客

当前第2页返回上一页

这是一种组织良好的工具，对于任何web开发团队来说，它的命名都很容易理解。其中一个很大的优点是使用了更漂亮的代码格式化器，它可以在提交到Git之前自动排列代码。

Proppy

UI组件的功能道具组合

网址： https://proppyjs.com

GitHub： https://github.com/fahad19/proppy

GitHub Stars: 856

ProppyJS 是一个很小的库，用于组合道具，它附带了各种集成包，让您可以自由地使用它流行的渲染库。

我们的想法是首先将Component的行为表达为props，然后使用Proppy的相同API将其连接到您的Component（可以是React，Vue.js或Preact）。

API还允许您访问其他应用程序范围的依赖项（如使用Redux的商店），以方便组件树中的任何位置。

Light Blue Vue Admin

vue 后台展示模板

网址： https://flatlogic.com/templates/light-blue-vue-lite

GitHub： https://github.com/flatlogic/light-blue-vue-admin

GitHub Stars: 79

事例: https://demo.flatlogic.com/light-blue-vue-admin/#/app/dashboard

文档: https://demo.flatlogic.com/light-blue/documentation/

模板是用Vue CLI和Bootstrap 4构建的。从演示中可以看到，这个模板有一组非常基本的页面:排版、地图、图表、聊天界面等。如果咱们需要一个扩展的模板，可以看看Light Blue Vue Full，它有60多个组件，无 jquery，有两个颜色主题。

Vue API Query

为 REST API 构建请求

GitHub: https://github.com/robsontenorio/vue-api-query

GitHub Stars: 1.1k

关于这个项目没什么好说的。它所做的与描述行中所写的完全一样:它帮助咱们构建REST API的请求。

Vue Grid Layout

Vue 的网格布局

Website: https://jbaysolutions.github.io/vue-grid-layout/examples/01-basic.html

GitHub: https://github.com/jbaysolutions/vue-grid-layout

GitHub Stars: 3.1k

所有网格相关问题的简单解决方案。它有静态的、可调整大小的和可拖动的小部件。还是响应和布局可以恢复和序列化。如果还需要再添加一个小部件，则不必重新构建所有网格。

Vue Content Loader

创建一个占位符加载

Website: http://danilowoz.com/create-vue-content-loader

GitHub: https://github.com/egoist/vue-content-loader

GitHub Stars: 2k

当咱们开发网站或者 APP 时，遇到内容过多加载速度慢时，会导致用户打开页面有大量空白页，vue-content-loader正是解决这个问题的一个组件，使加载内容之前生成一个dom模板，提高用户体验。

Echarts with Vue2.0

数据可视化

Website: https://simonzhangiter.github.io/DataVisualization/#/dashboard

GitHub: https://github.com/SimonZhangITer/DataVisualization

GitHub Stars: 1.3k

在图片中，咱们可以看到非常漂亮的图表。这个项目使任何数据都更具可读性，更容易理解和解释。它允许咱们在任何数据集中轻松地检测趋势和模式。

Vue.js Modal

高度可定制的模态框

Website: http://vue-js-modal.yev.io/

GitHub: https://github.com/euvl/vue-js-modal

GitHub Stars: 2.9k

可以在该网站上查看所有不同类型的模态。有15个按钮，按任意一个按钮，看到一个模态示例。

Vuesax

框架组件

Website: https://lusaxweb.github.io/vuesax/

GitHub: https://github.com/lusaxweb/vuesax

GitHub Stars: 3.7k

这个项目在社区中很受欢迎。它使咱们可以为每个组件设计不同的风格。 Vuesax的创建者强调，每个Web开发人员在进行Web设计时都应有选择的自由。

Vue2 Animate

vue2.0 ―使用animate.css 构建项目和创建组件

Website: https://the-allstars.com/vue2-animate/

GitHub: https://github.com/asika32764/vue2-animate

GitHub Stars: 1.1k

这个库是跨浏览器的，咱们可以选择从5种类型的动画: rotate，slide，fade，bounce和zoom。在网站上有一个演示。动画的默认持续时间是1秒，但是咱们可以自定义该参数。

Vuetensils

Vue.js的工具集

Website: https://vuetensils.stegosource.com/

GitHub: https://github.com/stegosource/vuetensils

GitHub Stars: 111

这个UI库有一个标准的功能，但是最酷的是它没有额外的样式。你可以让设计尽可能的个性化，应用所有的需求。只需编写需要的样式，将其添加到项目中，并包含需要的尽可能多的组件。

原文地址：
https://flatlogic.com/blog/new-and-noteworthy-vue-js-open-source-projects-part-1/
https://flatlogic.com/blog/new-and-noteworthy-vue-js-open-source-projects-part-2/

相关推荐：
2020年前端vue面试题大汇总（附答案）
vue教程推荐：2020最新的5个vue.js视频教程精选

更多编程相关知识，请访问：编程入门！！

以上就是Vue中值得关注的21个开源项目（推荐）的详细内容，更多文章请关注木庄网络博客！

返回前面的内容

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » Vue中值得关注的21个开源项目（推荐）