codereview后优化的问题

1、当一个元素的属性需要由多种因素决定，可以用vue的自定义指令+状态模式。

比如现在有很多操作按钮，不同角色和对应数据的不同状态时，需要展示不一样的按钮，代码如下：

 这是早期写的代码，能优化的地方有很多，这里只是展示一个思路。

2、简化el-tabs的写法

 3、tabs形式换一种写法也行

 4、利用element-variables.scss来改全局的element-ui样式真的很香

5、echarts封装的时候把数据和ui样式分开，比如：

这里的axis和data都是echarts官方要求的数据格式，option这种ui样式全放一个js文件，传入的时候可以传个名字，也可以传个对象。这样灵活度就非常高了，如果想复用样式也比较方便。

PS：这里顺便提一个我理解的封装的思想：应该要让变化多的去适应变化少的。比如封装echarts需要传的数据，官方api要求的数据就那几种是不变的，但是后端给的数据是千变万化的。还有封装上传组件的时候，el-upload要求的格式就是{name:'',url:''}的格式，但是后端给的也是千变万化的。

6、处理复杂数据用点数据适配器很香，比如：

这里c_data代表前端的数据，s_data代表后端的数据。上面是转化和解析前后端的方法，镜像的。

转化方法就是把前端数据转化成后端数据，解析方法就是把后端数据解析成前端数据。

7、网上抄的，注销事件和定时器啥的都很好用