前端框架库

element-ui

element-ui是由饿了么开发的一个前端框架，组件功能比较详细，button按钮、radio单选框、checkbox多选框、input输入框、switch开关、slider滑块、upload上传、rate评分、对话框、弹框、表格、日期选择器等组件都有。建议安装用npm i element-ui -S。
教程地址：http://element.eleme.io/

mint-ui

mint-ui是由饿了么前端团队推出的基于Vue.js的移动端组件库。

教程地址：http://mint-ui.github.io

cube-ui

cube-ui是由滴滴开发的一款开源的基于Vue.js的移动端组件库。

教程地址：https://didi.github.io/cube-ui
github：https://github.com/didi/cube-ui/

vue-event-calendar

是一款简单小巧的事件日历组件，针对Vue2开发。样式美观，且响应式。

支持事件编辑，尤其是浏览日期足迹。
安装：npm i vue-event-calendar -S
github: https://github.com/GeoffZhu/vue-event-calendar/blob/master/README.zh.md
demo地址：http://geoffzhu.cn/vue-event-calendar/

拖拽排序draggable / sortable

适用于栏目列表等排序问题

我的demo截图如下：

draggable github：https://github.com/SortableJS/Vue.Draggable
demo：https://david-desmaisons.github.io/draggable-example/
sortable demo：http://rubaxa.github.io/Sortable/

图表绘制

1.echarts

地址：http://echarts.baidu.com/
2 . highcharts

官方地址：https://www.hcharts.cn/demo/highcharts
教程地址：http://www.runoob.com/highcharts/highcharts-tutorial.html

日历插件 My97DatePicker

官方地址：http://www.my97.net/demo/index.htm

省市区插件

注意：需要配置地区数据
推荐使用：area-data
详细使用方法见github：https://github.com/dwqs/area-data
安装：npm i area-data -S
script中引入：import { pca, pcaa } from 'area-data';
 data() {
        return {
            pca:pca,
            pcaa:pcaa
        }
    },
html中：
配置：:data="pcaa"

一.vue-area-linkage

安装：npm i vue-area-linkage -S
github地址：https://github.com/dwqs/vue-area-linkage
官方地址：https://dwqs.github.io/vue-area-linkage/
二.v-distpicker

安装：npm i v-distpicker -S
github： https://github.com/jcc/v-distpicker
官方地址：https://distpicker.pigjian.com/

前端所需图标库

阿里巴巴矢量图标库了解一下
官方地址：http://www.iconfont.cn/