Vue中页面判断逻辑比较复杂的情况，如何正确使用判断

最近项目做到订单模块（大家都知道订单会有好多种状态），每一种状态页面展示的模块也不同，这个时候就需要用到多种条件判断，那么如何使用优雅的方式实现需求呢，避免使用过多的判断、代码可维护降低。详细步骤如下：

1. 整理页面共有哪些模块，分别给各个模块定义好的自己的标识（名字），然后通过一个函数来判断是否显示
2. 写好每个状态应该有哪些模块
3. 页面初始化数据，告诉我，你是什么状态
4. 当前状态有没有在我这些模块里，有就显示，没有就隐藏

view:
// 第一步
<el-button type="primary" v-if="hasModule('btnPay')">去支付</el-button>
<el-button type="primary" v-if="hasModule('btnReview')">审核订单</el-button>
<el-button type="primary" v-if