推荐 7 个 Vue.js 插件,也许你的项目用的上(一)

7678d2c0acbe95539a16ab2324c7241d.jpeg

当我们可以通过使用库轻松实现相同的结果时,为什么还要编写自定义功能?开发人员最好的朋友和救星就是这些第三方库。我相信一个好的项目会利用一些可用的最佳库。Vue.js 是创建用户界面的最佳 JavaScript 框架之一。这篇文章包含了 7 个 Vue.js 插件库的介绍,它们将在您的开发之旅中提供帮助。

1. ag-grid

e45f98f7c3087814f035ec990399f815.jpeg

显示和处理数据是开发人员执行的重要且常见的任务之一。该库将帮助您完成此任务。这是一个功能齐全且高度可定制的 JavaScript 数据表格。它提供卓越的性能并且独立于第三方。它还包括许多功能,如列交互(调整大小、重新排序和固定列)、分页、排序、行选择等等。这个库在 Github 上有超过 9k 星。

https://github.com/ag-grid/ag-grid

2. vue-chartjs

54cbe545ea872d39edba4c4575654cca.jpeg

如果您想显示图表,那么这对您来说是一个很好的资源。正如您从名称中猜到的那样,该库将帮助您创建可重用的图表组件。它支持许多不同类型的图表,如条形图、气泡图、圆环图、折线图、饼图、极地区域图、雷达图等等。这个库在 Github 上有超过 4.5k 颗星。

https://github.com/apertureless/vue-chartjs

3. egjs-ficking

b2f3895f06e5ead460ede13172ba8d54.gif

当我们必须显示大量图像时,轮播是我们最常使用的组件之一。该库提供可靠、灵活且可扩展的轮播。它还包括许多功能,如 SSR(服务器端渲染)支持、循环(循环)模式、使用 polyfll 支持 IE9+ 等等。这个库在 Github 上有超过 2k 星。

https://github.com/naver/egjs-ficking

4、vue-content-loader

29815556041e238f4aa0483f553b4127.gif

如果您喜欢 Facebook 的内容加载器,那么这对您来说是一个很好的资源。借助这个库,您可以创建类似于 Facebook 卡片加载的占位符加载。它还包括纯 SVG 等功能,无需任何 javascript、画布等,完全可定制:您可以更改颜色、速度、大小等。这个库在 Github 上有超过 2500 颗星。

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

5. datepicker

9f12481c069ff582aa4a0f78d41ac70e.jpeg

正如您通过名称猜到的那样,这个库提供了 Datepicker / DateTimepicker。它包括主题、国际化、格式化等功能。这适用于 Vue 2.0,但对于 Vue 3.0,您可以使用同一作者的 vue-datepicker-next。这个库在 Github 上有超过 1.4k 颗星。

https://github.com/mengxiong10/vue2-datepicker

6. mavonEditor

0f6caafea1065a58332d0771d75ab418.jpeg

如果您想添加一个markdown编辑器,那么这对您来说是一个很好的资源。这个库提供了一个支持各种个性化功能的 markdown 编辑器。它支持表情符号、下标、上标、容器、定义列表等。这个库在 Github 上有超过 5.5k 颗星。

https://github.com/hinesboy/mavonEditor

7. vue-qrcode-reader

7e19fac242295e04ac54178556fb74e6.jpeg

该库提供一组组件(QrcodeStream、QrcodeDropZone、QrcodeCapture),允许您在不离开浏览器的情况下检测和解码 QR 码。所有组件都是响应式的。这个库在 Github 上有超过 1.5k 星。

https://github.com/gruhn/vue-qrcode-reader

结束

今天先分享到这里,希望今天的分享对你有所帮助,在你的项目中,别忘记尝试下这几个插件。感谢你的阅读,如果你喜欢我的分享,别忘了点赞转发,让更多的人看到,最后别忘记点个关注,你的支持将是我分享最大的动力,后续我会持续输出更多内容,敬请期待。

https://javascript.plainenglish.io/7-useful-vue-js-libraries-you-should-use-in-your-next-project-ec56f73f5fa3

作者:Farhan Tanvir

非直接翻译,有自行改编和添加部分,翻译水平有限,难免有疏漏,欢迎指正

  • 4
    点赞
  • 22
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值