1.對(duì)element-ui的時(shí)間選擇器有了初步認(rèn)識(shí)，知識(shí)點(diǎn)：

v-model的類型可以是一個(gè)對(duì)象，也可以是一個(gè)數(shù)組（選擇時(shí)間范圍時(shí)）

2.自己思考做了個(gè)前端的分頁

用了slice方法，注意：slice方法返回的數(shù)組不包括end下標(biāo)的元素

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項(xiàng)目中成功引入了echarts

1.項(xiàng)目中引入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：

    // 基于準(zhǔn)備好的dom，初始化echarts實(shí)例
    var myChart = echarts.init(document.getElementById('main'));
    // 繪制圖表
    myChart.setOption({...});

4.運(yùn)用了display的wrap

元素能在一行時(shí)后面的元素順著排列，不能在一行時(shí)后面的元素?fù)Q行展示

.chart-list
        display flex
        flex-wrap wrap
        justify-content flex-start
        padding 20px

5.chrome中安裝vue-devtools

1.crx文件直接拖拽安裝不成功時(shí)，可修改其后綴名為zip或rar，進(jìn)行解壓后，通過“加載已解壓的擴(kuò)展程序”進(jìn)行安裝
2.vue.js not detected時(shí)，可檢查其詳細(xì)信息中是否允許訪問文件網(wǎng)站，如果還是不行可能是當(dāng)前網(wǎng)站不支持此工具