适用场景/业务需求：

  1，设置一个总index.vue，里面分别引入4个文件，如果都放到一个里面的话，需要写的逻辑很多，添加和修改涉及到的东西有很多。最好是一个文件里面引入四个组件，每个组件各占一个文件夹，这样好维护。

2，给每个组件定义一个值，ref=“from_: 每个组件的vue文件里面都正常去写验证规则，处理我们需要传给后端的数据。在4个组件每个组件的vue文件里面都写一个统一的方法，用来往主文件index.vue 里面传数据，这样我们可以在主文件里面去统一拿到4个组件的数据。

3，在总文件index.vue里面循环拿到refs.form 获取得到的数据，做一个遍历，return 出去，这样我们就可以拿到所有得数据了，还可以做简单的验证，分开维护。

这是引入的部分

每个定义一个refsd的值

我把最后的提交写在了外面

在主文件index.vue里面获取所有的数据

每个组件里面都写了一个同名一模一样的方法，将数据return出去