1.对element-ui的时间选择器有了初步认识，知识点：
v-model的类型可以是一个对象，也可以是一个数组（选择时间范围时）
2.自己思考做了个前端的分页
用了slice方法，注意：slice方法返回的数组不包括end下标的元素
handleCurrentChange(currentPage) {
var start = (currentPage-1)*10
var end = currentPage*10 < this.deviceList.length ? currentPage*10 : this.deviceList.length
this.currentList = this.deviceList.slice(start,end)
}
3.vue项目中成功引入了echarts
1.项目中引入echarts包：npm install echarts --save
2.vue页面的js中引入：import * as echarts from 'echarts';
3.vue页面的html中加入div：<div id="main" style="width: 600px;height:400px;"></div>
4.vue页面中绘制chart：
// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));
// 绘制图表
myChart.setOption({...});
4.运用了display的wrap
元素能在一行时后面的元素顺着排列，不能在一行时后面的元素换行展示
.chart-list
display flex
flex-wrap wrap
justify-content flex-start
padding 20px
5.chrome中安装vue-devtools
1.crx文件直接拖拽安装不成功时，可修改其后缀名为zip或rar，进行解压后，通过“加载已解压的扩展程序”进行安装
2.vue.js not detected时，可检查其详细信息中是否允许访问文件网站，如果还是不行可能是当前网站不支持此工具
