Vue常用插件整理

vue所用插件整理https://www.cnblogs.com/yangxiaoying/p/12119026.html

1、echarts

各类图形化展示插件

2、vueBus插件  

兄弟组件之间传值

参考网站:https://www.cnblogs.com/yanwuming/p/10512905.html；

3、vue-fontawesome-elementui-icon-picker    

vue element-ui图标选择插件

参考网站：vue element-ui 图标选择组件vue-fontawesome-elementui-icon-picker - 简书

4、vue-quill-editor

富文本编辑器  

参考网站：富文本编辑vue插件vue-quill-editor_vue富文本编辑器插件_萌新不会永远是萌新的博客-CSDN博客

5、qs插件

为了解决post默认使用的是x-www-from-urlencoded 去请求数据，导致请求参数无法传递到后台

  transformRequest: [function (data, headers) {
    // Do whatever you want to transform the data
    return Qs.stringify(data);
  }]

6、vue-baidu-map

百度地图插件

7、VueQriously

vue二维码生成插件
https://blog.csdn.net/luoyali/article/details/79262778 8

8、dataV

vue大屏数据展示组件库
参考网站：DataV

9、vue-awesome-swiper 

vue轮播插件

10、vue-image-swiper 

vue图片预览插件
参考网址：https://segmentfault.com/a/1190000019398933?utm_source=tag-newest

11、vue-count-to 一个简单好用的数字滚动插件
　　1> 安装 npm install vue-count-to
　　2> 使用方法
<template>
  <countTo :startVal='startVal' :endVal='endVal' :duration='3000'></countTo>
</template>

<script>
  import countTo from 'vue-count-to';
  export default {
    components: { countTo },
    data () {
      return {
        startVal: 0,
        endVal: 2017
      }
    }
  }
</script>

　　3> 字段说明

更多demo戳  vue-count-to

12、 Jquery_contextmenu 鼠标右键插件

　　1> 安装 npm i jquery-contextmenu --save-dev

　　2> main.js引入

import Jquery_contextmenu from 'jquery-contextmenu'
Vue.use(Jquery_contextmenu)
import 'jquery-contextmenu/dist/jquery.contextMenu.css'

13、vue-flip-down vue 倒计时插件

14、 docx-preview插件  在线预览docx文件

15、vue-excelview  在线预览excel文件

16、vue-pdf 在线预览pdf文件

17、vuedraggable   

拖拽插件

官方文档    https://www.itxst.com/vue-draggable/j6vzfv6r.html

推荐下作者的官网：

DataVVue 大屏数据展示组件库http://datav.jiaminghi.com/