1.今天主要在考虑复用之前界面的组件进行海通新页面的书写，由于效果图还没出，但是并不影响我提前预估页面和交互的工作量。

2.在考虑样式的时候，要使用到fixed定位。要注意到这种脱离文档流的布局，本身块级元素的特性会消失，比如宽度默认占满一行的100%，比如block等。所以需要在声明width:100%才能展现出原来的效果。

3.f7.showIndicator();是显示全局遮罩的加载圆圈，同理hide()就是隐藏。这个项目里的init方法里，在开头调用show()，最后一个接口的then（）方法的最后一行代码调用hide()。倒确实是实现了加载的提示效果，但是总是觉得不太便利，没有复用性，也没有异步判断，万一哪个内容加载需要时间，并没有即时加载，加载却是取消的。所以这个组件的性能和复用性都很低。

4.这个项目对于template7封装了两个方法render()和renderToTarget()当然还有其他的，这两个是最常用的。之前也提到过，render()方法是直接在script的位置进行append()和数据渲染，而renderToTarget()则是在指定的选择器后进行append()。这两个函数封装的还是很有水平的，也设置了一个布尔值供你选择，是append()还是html()。

5.通过自己的研究，做出了一个比较完整的todolist的demo。包括了输入框里回车添加待办事项，点击x号删除待办事项，使用localStorage存储待办事项的数据等功能。主要的训练的知识点还是父子组件之间的传值，以及vue组件化的格式和思想。自己做了个demo下来，感觉vue还是不如react优美，再继续学学看看。

6.目前接触到的属性，觉得watch监听很有用，数据改变会自动执行语句。同时MVVM框架会让你感觉到数据和逻辑是一个整体，不像js或者jquery的DOM操作一样，数据和逻辑层是分离的。在vue里，你改变了数据，整体的渲染和逻辑也会自动重新加载。而不需要DOM进行触发。

7.子组件向父组件传值，第一个参数是自定义事件名，第二个参数是传值。父组件调用，可以直接当实参。

 deleteClick(params){
        this.$emit('delete-item',params)
      }

 deleteKiri(params){
      this.arrMath.splice(params,1);

    }