关于vue.js:vue插件总结

40次阅读

共计 3872 个字符,预计需要花费 10 分钟才能阅读完成。

在开发的过程中, 咱们常常会应用到很多的插件, 上面我来分享一下我应用到的和我发现的前端一些插件, 心愿对你有所帮忙

1.UI 组件库:

1.element 饿了么出品的 vue2 的 web ui 框架
2.mint-ui vue2 的挪动 ui 元素
3.iview 基于 vuejs 的开源 ui 组件库
4.Keen-ui 轻量级的根本 UI 组件合集
5.vue-material 通过 vue material 和 Vue2 建设精美的 app 利用
6.muse-ui 三端款式统一的响应式 UI 库
7.vuetify 为挪动端而生 vue2 组件框架
8.vonic 疾速构建挪动端单页利用
9.vue-blu 帮忙你轻松创立 web 利用
10.vue-multiselect vue 抉择框解决方案
11.vueCircleMenu 丑陋的 vue 圆环菜单
12.vue-chat vue 和 vuex 及 wenpack 的聊天示例
13.radio-ui 疾速开发产品的 vue 组件库
14.vue-waterfall vue 的瀑布流布局插件
15.vue-carbon 基于 vue 开发 MD 格调的挪动端库
16.vue-beauty 由 vue 和 ant design 创立的柔美 UI 组件
17.bootstrap-vue 利用于 vue2 的 Twitter 的 Bootstrap 4 组件
18.vueAdmin 基于 vue2 和 element 的简略的管理员模板
19.vue-ztree 用 vue 写的树层级组件
20.vue-tree vue 树视图组件
21.vue-tabs 多 tab 页轻型框架 

2.slider:

1.vue-awesome-swiper vue 触摸滑动组件
2.vue-slick 实现晦涩轮播框的 vue 组件
3.vue-swipe vue 触摸滑块
4.vue-swiper 易于应用的滑块组件
5.vue-images 显示一组图片的 lightbox 组件
6.vue-carousel-3d vue 的 3d 轮播组件
7.vue-slide vue 轻量级滑动组件
8.vue-slider vue 滑动组件
9.vue-m-carousel vue 挪动端轮播组件库
10.dd-vue-component 订单来了的公共组件库
11.vue-easy-slider vue 的滑块组件 

3. 图表:

1.vue-table 简化数据表格
2.vue-chartjs vue 中的 Charts 的封装
3.vue-charts 轻松渲染一个图表
4.vue-chart 弱小的高速的 vue 图表解析
5.vue-highcharts HighCharts 组件
6.charts vue Bulma 的 chartjs 组件
7.vue-chartkik vue 一行代码实现柔美图表 

4. 日历:

1.vue-calendar 琪琪抉择插件
2.vue-datepicker 日期和工夫抉择组件
3.vue-datetime-picker 日期工夫抉择控件
4.vue2-calendar 反对 lunar 和日期事件的日期选择器
5.vue-fullcalendar 基于 vue 的全日历组件
6.vue-datapicker 丑陋的 vue 日期选择器组件
7.datepicker 基于 flatpickr 的工夫抉择组件
8.vue-timepicker 下拉工夫选择器
9.vue-data-picker vue 日期选择器组件
10.vue-datepicker-simple 基于 vue 的日期选择器 

5. 地址抉择:

1.vue-city 城市选择器
2.vue-region-picker 抉择中国的省份市和地区 

6. 地图:

1.vue-amap 基于 vue2 和高德地图的地图组件
2.vue-google-maps 带有双向数据绑定 Google 地图组件
3.vue-baidu-map 基于 vue 的百度地图组件库
4.vue-cmap Vue China map 可视化组件 

7. 播放器:

1.vue-video-player Vue 视频及直播播放器
2.vue-video Vue 的 HTML5 视频播放器
3.vue-music-master vue 手机端网页音乐播放器 

8. 滚动 scroll:

1.vue-scroller Vonic UI 的功能性组件
2.vue-mugen-scroll 无线滚动组件
3.vue-infinte-loading Vue 的有限滚动组件
4.vue-virtual-scroller 带任意数目数据的顺畅的滚动
5.vue-infinte-scroll Vue 的有限滚动指令
6.vue-scrollbar 最简略的滚动区域组件
7.vue-scroll vue 滚动
8.vue-pull-to-refresh Vue 的上拉下拉
9.mint-loadmore Vue 的双向下拉刷新组件
10.vue-smoothscroll smoothscroll 的 vue 版本 

9. 文件上传:

1.vue-upload-component vue 文件上传组件
2.vue-core-image-upload 轻量级的 vue 上传插件
3.vue-dropzone 用于文件上传的 vue 组件 

10. 图片解决:

1.vue-lazyload-img 挪动优化的 vue 图片懒加载插件
2.vue-image-crop-upload Vue 图片裁剪上传组件
3.vue-svgicon 创立 svg 图标组件的工具
4.vue-img-loader 图片加载 UI 组件
5.vue-image-clip 基于 vue 的图像剪辑组件
6.vue-progressive-image vue 的渐进图像加载插件 

11. 提醒:

1.vue-toast-mobile vue 的 toast 插件
2.vue-msgbox vue 的音讯框
3.vue-tooltip 带绑定信息提醒的提醒工具
4.vue-verify-pop 带气泡提醒的 vue 校验插件 

12. 进度条:

1.vue-radial-progree Vue 放射性进度条组件
2.vue-progressbar vue 轻量级进度条
3.vue2-loading-bar 最简略的仿 Youtube 加载条视图 

13. 其余:

1.vue-dragging 使元素能够拖拽
2.vue.Draggable 实现拖放和视图模型数组同步
3.vue-picture-input 挪动敌对的图片文件传输入组件
4.rubik 基于 vue 的开源 UI 组件库
5.VueStar 带星星动画的 vue 点赞按钮
6.vue-tables-2 显示数据的 boostrap 款式网格
7.DataVisualization 数据可视化
8.vue-drag-ant-drop-list 创立排序列表的 vue 指令
9.vuwe 基于微信 weui 所开发的专用于 vue 的组件库
10.vue-typer 模仿用户输出抉择和删除文办的 vue 组件
11.vue-datatable 应用 vue 创立的 datatableview
12.vue-instant 轻松创立主动提醒的自定义搜寻控件
13.vue-slider-component 在 vue1 和 vue2 中应用滑块
14.vue-datasource 创立 vue 动静表格
15.handsontable 网页表格组件
16.vue-bootstrap-table 可排序可检索的表格
17.vue-google-signin-buttoon 导入谷歌登录按钮
18.vue-tagsinput 基于 vue 的标签组件
19.vue-social-sharing 社交分享组件
20.vue-popup-mixin 用于治理弹出框的遮蔽层
21.cubeex 蕴含一套残缺的挪动 ui
22.we-vue vue2 及 weui1 开发的组件
23.vue-form-2 全面的 HTML 表单治理的解决方案
24.vue-side-nav 响应式的侧边导航
25.mini-indicator vue 挪动加载指示器插件
26.vue-botton vue 按钮组件 

14. 开发框架:

1.vue-admin vue 治理面板框架
2.electron-vue Electron 及 vue 疾速启动样板
3.vue-2.0-bolierplate vue2 单页面利用样板 

15. 实用库:

1.vuelidate 简略轻量级的基于模块的 vue 验证
2.qingcheng qingcheng 主题
3.vuex 专门为 vue 利用程序开发的状态管理模式
4.vue-axios 将 axios 整合到 vue 的封装
5.vue-desktop 创立治理面板网站的 UI 库
6.vue-meta 治理 app 的 meta 信息
7.axoriaz vue 测试实用工具库
8.vuep 用实时编辑和预览来渲染 vue 组件
9.vue-bootstrap-modal vue 的 Bootstrap 款式组件
10.element-admin 反对 vuecli 的 element ui 的后盾模板
11.vuemit 解决 vue 事件 

16. 辅助工具:

1.DajaVue Vue 可视化及压力测试
2.vue-generate-component 轻松生成 vue 组件的 cli 工具
3.vscode-VueHelper 目前 vscode 最好的 vue 代码提醒插件
4.vue-play 展现 vue 组件的最小化框架
5.vue-multipage-cli 简略的多页 cli

17. 利用实例:

1.pagekit: 轻量级的 CMS 建站零碎
2.vuedo 博客平台
3.koel 基于网络的集体音频流媒体服务
4.CMS-of-Blog 磨课内容管理器
5.vue-cnode 重写 vue 班 cnode 社区
6.swoole-vue-webim Web 版的聊天利用
7.rss-reader 简略的 rss 阅读器 

18. 本期的分享到了这里就完结啦, 是不是感觉本人又收货了很多, 心愿对你有所帮忙, 让咱们一起致力走向巅峰.

正文完
 0