vue插件总结——总有你能用上的插件

vue插件总结——总有你能用上的插件
最新回答
姐独占天下

2020-07-12 04:07:46

Vue插件总结

Vue.js作为一个流行的前端框架,拥有丰富的插件生态。以下是一些常用的Vue插件,涵盖了UI组件、功能组件、工具库等多个方面,总有一款能满足你的需求。

一、UI组件框架

  • Element:饿了么出品的Vue2的web UI工具套件,包含丰富的UI组件,适合快速构建现代化的web应用。
  • mint-ui:专为Vue 2设计的移动UI元素,适用于移动端应用的开发。
  • iView:基于Vuejs的开源UI组件库,提供了丰富的UI组件和示例,适合企业级应用。
  • Keen-UI:轻量级的基本UI组件合集,适合需要简单UI组件的项目。
  • vue-material:通过Vue Material和Vue 2建立精美的app应用,遵循Material Design设计规范。
  • muse-ui:三端样式一致的响应式UI库,适合需要跨平台一致性的应用。
  • vuetify:为移动而生的Vue JS 2组件框架,提供了丰富的移动端组件。
  • vonic:快速构建移动端单页应用,基于Vue和ionic的混合开发模式。

二、功能组件

  • vue-multiselect:Vue.js选择框解决方案,提供了丰富的选择框样式和功能。
  • VueCircleMenu:漂亮的vue圆环菜单,适合需要特殊菜单布局的应用。
  • vue-chat:vuejs和vuex及webpack的聊天示例,适合构建聊天应用。
  • vue-waterfall:Vue.js的瀑布布局组件,适合需要瀑布流布局的应用。
  • vue-carbon:基于vue开发MD风格的移动端,适合需要Material Design风格的应用。
  • vue-quill-editor:基于Quill适用于Vue2的富文本编辑器,提供了丰富的文本编辑功能。
  • Vueditor:所见即所得的编辑器,适合需要在线编辑功能的应用。
  • slidervue-awesome-swiper:vue.js触摸滑动组件,提供了流畅的滑动效果。
  • vue-carousel-3d:VueJS的3D轮播组件,适合需要3D效果的轮播图。

三、图表与日历

  • vue-chartjs:vue中的Chartjs的封装,适合需要绘制图表的应用。
  • vue-highcharts:HighCharts组件,提供了丰富的图表类型和配置选项。
  • vue-calendar:日期选择插件,适合需要日期选择功能的应用。
  • vue-datepicker:日历和日期选择组件,提供了多种日期选择方式。
  • vue-fullcalendar:基于vue.js的全日历组件,适合需要日历视图的应用。

四、地址选择与地图

  • vue-city:城市选择器,适合需要选择城市的应用。
  • vue-amap:基于Vue 2和高德地图的地图组件,适合需要地图功能的应用。
  • vue-google-maps:带有双向数据绑定Google地图组件,适合需要Google地图功能的应用。
  • vue-baidu-map:基于Vue 2的百度地图组件库,适合需要百度地图功能的应用。

五、播放器与滚动

  • vue-video-player:VueJS视频及直播播放器,适合需要视频播放功能的应用。
  • vue-scroller:Vonic UI的功能性组件,提供了滚动功能。
  • vue-infinite-loading:VueJS的无限滚动插件,适合需要无限滚动功能的应用。

六、文件上传与图片处理

  • vue-upload-component:Vuejs文件上传组件,提供了文件上传功能。
  • vue-lazyload-img:移动优化的vue图片懒加载插件,适合需要图片懒加载的应用。
  • vue-image-crop-upload:vue图片剪裁上传组件,提供了图片剪裁和上传功能。

七、提示与进度条

  • vue-toast-mobile:VueJS的toast插件,适合需要提示信息的应用。
  • vue-radial-progress:Vue.js放射性进度条组件,适合需要进度条的应用。

八、其他

  • vue-dragging:使元素可以拖拽,适合需要拖拽功能的应用。
  • Vue.Draggable:实现拖放和视图模型数组同步,适合需要拖放排序的应用。
  • vue-datasource:创建VueJS动态表格,适合需要动态表格的应用。
  • vue-social-sharing:社交分享组件,适合需要社交分享功能的应用。
  • vuex:专为Vue.js应用程序开发的状态管理模式,适合需要状态管理的应用。

这些插件涵盖了Vue.js开发的多个方面,无论是UI组件、功能组件还是工具库,都能找到适合自己的插件。希望这份总结能帮助你更好地选择和使用Vue插件。