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时，可检查其详细信息中是否允许访问文件网站，如果还是不行可能是当前网站不支持此工具