首先，前端开发MES系统时，无非就是组件之间的相互调用和传递参数。利用组件的：
$emit向父组件传递方法；$refs调用子组件的方法。
总的编写流程差不多可以划分为：
1.Panel，Add，Edit三个组件编写完成后，在RoutUrl中注册三个vue组件
2.其次编写所需要的界面（aspx或cshtml），这里直接复制已有的文件，避免出现乱码现象；
3.界面中引入Panel文件，观察是否能够正常展示；
4.每新增一个需要使用的vue组件，都需要在RoutUrl中注册；
5.在画完基本的界面后，首先进行数据的查询，接口可以调通后，然后进行增删改
Mes系统整体风格偏相似，一般都是调接口，渲染数据到一个表格或者一个结构树。
所以
增加的数据应该符合原Panel中的数据需求。同时，因为新增时涉及到和后端接口的交互，所以定义的参数应该和后端返回来的参数一致，不然会导致向后端传递参数时，出现空参的现象。一般增的时候不需要传递特定的Id，但也有特殊的时候，比如树状结构。
编辑的时候应该注意，当前表格是否选中了一条数据。
其次，编辑的时候，参数中会多一个Id，这个id用来接收点击编辑后的回显数据id，如果这个id不存在的话，点击’确定‘后，无法保存。还会造成一些不必要的麻烦，所以记得写。
还有一点要注意：
this.$nextTick()方法的运用，在完成对dom元素的修改时，并不会立马刷新数据，所以需要这个方法，不然还是会报错。尤其是对控件进行数据回显的时候
删除的时候应该注意，当前表格是否选中了一条数据。
删除的时候调用this.$confirm方法，这个方法是vue自带的删除方法。里面的两个confirmButtonText和cancelButtonText好像是不能自己定义的。删除没什么需要注意的点。多层then，catch嵌套的时候不要出错。
还有一些地方，需要向后端传递特定的一些参数，参数固定。需要多留意后端的接口内容；
目前接触到的功能不复杂，需要加上几分的细心
在出现bug的时候，不要盲目的搜寻答案，一步步分析问题所在的地方；首先考虑接口，其次考虑入参，再考虑回显。如果出现语法的问题，会很好找。