如何从api的库组件生成页面？

Question

在我的带有nuxt.js的项目中，需要从api生成动态页面，例如items / _id。每个页面可以使用9个组件中的任何一个，有时此组件可以在页面上使用各种数据/属性超过1个。

不知道这样的事

其中键的父对象是订单。输入子项-该组件是什么组件，以及其他数据

     {
      first: {
        type: 'bigimg',
        data: {
          text: 'hui',
          img: 'sss'
        }
      },
      two: {
        type: 'smalimgs',
        data: {
          img: [1, 2, 3, 4]
        }
      },
      three: {
        type: 'smalimgs',
        data: {
          img: [2, 0, 1, 5]
        }
      },
      four: {
        type: 'bigtext',
        data: {
          head: 'adad',
          text: 'sdasd'
        }
      }
    }

所以它应该得到这样的页面

<div>
<comp5name :data="first.data" />
<comp2name :data="second.data" />
<comp2name :data="third.data" />
<comp8name :data="four.data" />
</div>