vue.js如何根据数据格式动态生成表单？可以借用vue全家桶

Question

后台数据如下，我需要根据key对应的value的数据类型来判断表单的类型

1.如果key对应的为字符串，那我就取出后4位，如果是 ‘.mp3’或者‘.png’文件的话，就给一个上传的页面

2.如果是字符串，后几位不是‘.mp3’或者‘.png’那就给一个input

有可能层级嵌套，所以我采用的vue的递归组件方法，现在数据已经被递归出来，但是无法进行双向绑定。不知哪位有解决的思路

我的代码：
递归组件为<recursive-config> </recursive-config>
父级调用：

递归调用（自己调用自己）：

递归组件js：