第一篇博客，记录一下师姐安排考核任务，用到的技术为html+css+javascript+vue.js 简单的过了一下vue.js的文档就开始写了运用了双向数据绑定动态更新表单，事件监听用 v-on 指令调用methods 内的方法，用computed对象内的方法加载页面的历史数据，使用v-show来控制页面的展示，class 属性绑定来更新事件后的样式，媒体查询+flex布局实现适配移动端（写的很烂），localstroage+json储存历史信息，Echarts写了三个图表，两个旭日图展示历史记录，一个柱状图从后台获取所有用户的快递信息展示最大收件量的9个用户。
写的页面如下：
界面是仿照淘宝的收货界面，界面的切换是通过v-show来控制不同界面的展示，表格内数据通过v-for渲染数组内容，在写页面时遇到的问题主要是页面的布局结构 复习
-
array.splice(index,howmany,item1,.....,itemX) howmany可选。规定应该删除多少元素。必须是数字，但可以是 "0"。 如果未规定此参数，则删除从 index 开始到原数组结尾的所有元素。 item1, ..., itemX可选。要添加到数组的新元素。 array.push(),添加新元素 array.pop(),删除元素
-
computed 是基于它的依赖缓存，只有相关依赖发生改变时才会重新取值。 而使用 methods ，在重新渲染的时候，函数总会重新调用执行。
-
通过v-show来决定展示的内容是否隐藏
-
v-class="{'ClassName':'bool'}",但用户点击事件后，更新样式，显示高亮
-
@click='method(value)' ,通过更改value的值执行同一个函数进行不同的操作。
-
搜索数据获取到一个数组里面，更新页面展示。
-
值的修改通过渲染数据到v-model绑定的数据，并更改进入保存函数的（value）执行updata操作后，改回value
-
更改数据放到一个对象里面。
-
console.log（object），显示的数据输出语句是的值，点击后为到整个页面完成加载时的值，如果输出后面又进行了更改操作，会显示两个值不一致。
-
var myJSON2 = JSON.stringify(this.HLSB); localStorage.LOCALSENDER=myJSON2;使用JSON.stringify(object)将对象转换成json形式 通过JSON.parse(MYJSON) 将json数据转换成js对象
-
@media来控制页面css的设置
