对vue大组件拆分的思考
拆分大对象
组件化的vue给人的印象往往是快而小，简洁明了，但随着业务量和判断逻辑的堆叠产生，可能也会诞生一些很大的组件。
一个组件的HTML的代码量超过200行应该就算很大的组件了，今天对一个超过400行的组件如何进行优化来进行讨论。
引用模式：
提高复用率
在一个toB的工单界面，一个工单卡片的组件可以被任何一个状态页去组装，很明显card组件的复用性是很高的。
可以考虑拆分后的子组件是否可以进行组件的引用。
可读性与以维护
一个超过400行的代码掺杂复杂的逻辑与状态判断，可读性不用说也是很差的，想定位一个位置由于代码量的原因就变得异常复杂。
分层&&让程序可读
将原组件进行拆分为如图所示的四部分，以card组件引入这四个子组件的形式，以减小整体代码上带来的影响。
其他弹出框等，可留在card组件中。