低代码平台｜mall-cook实现流程-怎么实现一个diy｜diy的详细步骤｜记录使用diy【第二篇：Control的实现】

介绍：第一篇中我们成功导出了，自定义组件的JSON数据，那么接下来我们再Control中把这些数据实现为组件并且去使用它。

1.在widgets新建一个文件夹（名称要统一），文件夹下面有一个.json文件和.vue文件；
2.把schema中生成的json放入此文件；
3.vue文件就是要在移动端显示的组件，接收到.json文件后.vue要显示出来。

因为我是把它内嵌到了我们的管理后台，我们的管理后台和移动端是分开的，对应这里就有两个widgets，管理后台一个，移动端一个；

每次添加新的组件后，移动端那边也要添加（复制过去就行）
注意：这里我们用的mall-cook是未分离的，在mall-cook中因为没有分离所以mall-cook中没有两个widgets文件

接下来，我们来一步一步分析是怎么实现Control

这就是实现diy的页面，最终diy页面会这里被设置出来

Control文件下面的index就是diy的设置页面了

对应

我们先看左侧

这里面的 v-for="(item, index) in i n i t i a l i z i