推荐7个你应该使用的独立Vue组件

168 阅读2分钟

为你的开发提速

0_44X59kypnrOvo6kP.jpeg

人类与其他动物最大的区别就在于善于使用工具。对于开发者来说,当有现成的组件时何必劳神费力从零开发同样的功能。

Vue作为最成功的前端框架之一,它的生态中有很多优秀的组件可以直接用于项目开发,以下就是近期为您推荐的其中一些。

  1. vue-easytable

1__fDc_A0h3SFS8mFfZZk08w.png

这个组件提供功能齐全的表格能力,并且极具定制化能力。其自带开箱即用多种特性,比如虚拟滚动,固定列,固定表头,表头合并,筛选,排序,表格省略号,行展开,行多选等等。项目的单元测试覆盖率也达到了85%。Github项目多达2.5k star。

github.com/Happy-Codin…

  1. vue-echarts

1_FfUWXm0fZ5jW3DB39MCWwg.png

如果你需要图表,大概率你会需要用到来自apache的echarts,这个库是echarts的vue适配封装。Github项目7K star。

github.com/ecomfe/vue-…

  1. vue-notification

1_28O1ZgzsFzLiTnH2aQJ_qQ.gif

在web应用中最常见到的交互就是向用户显示信息。改组件顾名思义,就是用来创建多种漂亮的通知信息。提供特性有:动画,自定义位置,自定义样式等。Github项目2.3K star。

github.com/euvl/vue-no…

  1. vue-wait

1_FbzqfGiow9iTDX_pzM5xNw.gif

该组件用于在页面上控制不同的状态,用来显示加载状态的不同阶段。其核心就是利用一个数组或者是Vuex的store来管理多个加载阶段的显示。Github项目超过1.9K star。

github.com/f/vue-wait

  1. vue-js-modal

1_wXMpC3mYDEe2LHv6OeoS_g.gif

组件如其名,就是一个易于使用的,高度可定制modal组件。Github项目超过4K star。

github.com/euvl/vue-js…

  1. vue-agile

1_SXeykiygojra9F7sQVf9ug.png

一个灵感来自于Slick的跑马灯组件。主要特性为:可自适应,触摸屏友好,支持Nuxt的SSR。不依赖jQuery。Github项目1.4K star。

github.com/lukaszflorc…

  1. v-calendar

1_bd9FzPzmdspwhAqrql8BTQ.png

日常工作中经常会面临关于日历的需求。通过截图即可感受到这一款日历组件的优雅。支持多种已选日期的显示:点状,高亮,横杠等。除了可用于显示日期选择器,也支持完整日历形式的显示。Github项目超过3.5K star。

github.com/nathanreyes…