vuevfor和vif同时使用的场景有没好的替代方案

业务需求

表单明细页面，

返回的一个单据信息

需要展示在页面上，为了可以后台灵活配置展示形式，api同时还会返回一个

用于定义单据每个列的展示形式，如：

等。

目前代码实现

目前用

的

循环单据的所有列，然后又嵌套

循环

列配置看循环到的列是否有配置信息，如果有就按配置展示出来，没有就不显示。

代码如下：

问题

vue是不推荐

和

混合使用的。
那么我这个需求如何实现比较优雅呢？