1、不同角色的操作按钮不同,可用自定义指令的状态模式写,这样代码的可读性和可维护性都非常高
2、写canvas这种图形化的业务,可利用类、单例模式、观察者模式等写,比如给图形,线条创建类,再写个总控制器的单例,对外暴露操作各个类的方法,这样可专注于单个业务逻辑的处理。
3、利用动态插槽和自定义组件的v-model实现表单表格字段的模块化,这样可以专注于单个字段的描述,并且不影响其他字段
4、如果后端数据和前端需要的数据不匹配,可以写个数据适配器模块,专门用于转化和解析前后端数据,如此可使复杂数据处理和ui分离。
5、下拉框里的数据可在首页的created里就通过接口全部获取,并存入vuex或sessionStorage里,哪个界面需要用直接取就行,这样可减少冗余代码。
6、echarts的封装可利用lodash的merge函数,数据从props里传入,样式的option对象从单独开出来的echarts模块文件里取,这样就实现了echarts的ui和数据分离,可维护性也提高了。
7、 利用render函数封装按钮,可使操作按钮的样式实现配置化。
8、 可利用递归组件封装导航栏和多级表格。
9、 写公用的增删改查混入,可减少冗余代码。