vue实现规则编辑功能
9月份有一个比较有意思的需求，记录一下，是规则化编辑相关的功能。
功能大致如图，在详解之前，先来看下全局数据结构。（全文代码部分会删除涉密业务代码，不影响大家学习）
组件封装结构
组件文件功能划分：
JudgComponent.vue：最外层容器，包含了初始化配置和各类事件监听，和各类接口对接
ConditionRow.vue：自定义vue组件，行容器
ConditonValue.vue：逻辑语句的最后一个控件是根据接口词典生成的动态组件（输入框，下拉框等等）
JudgTag.vue：Tag组件
HistoryList.vue：历史记录
index.vue：组件入口，涉及业务的页面
做好每个文件，每个方法的功能划分，减少代码的耦合性，对以后排查问题，修改功能都有益处。
完整功能截图（持续更新中。。。。）
有兴趣的可以私聊交流
