適用場(chǎng)景/業(yè)務(wù)需求：

??

? 1，設(shè)置一個(gè)總index.vue，里面分別引入4個(gè)文件，如果都放到一個(gè)里面的話，需要寫的邏輯很多，添加和修改涉及到的東西有很多。最好是一個(gè)文件里面引入四個(gè)組件，每個(gè)組件各占一個(gè)文件夾，這樣好維護(hù)。

2，給每個(gè)組件定義一個(gè)值，ref=“from_: 每個(gè)組件的vue文件里面都正常去寫驗(yàn)證規(guī)則，處理我們需要傳給后端的數(shù)據(jù)。在4個(gè)組件每個(gè)組件的vue文件里面都寫一個(gè)統(tǒng)一的方法，用來(lái)往主文件index.vue 里面?zhèn)鲾?shù)據(jù)，這樣我們可以在主文件里面去統(tǒng)一拿到4個(gè)組件的數(shù)據(jù)。

3，在總文件index.vue里面循環(huán)拿到refs.form 獲取得到的數(shù)據(jù)，做一個(gè)遍歷，return 出去，這樣我們就可以拿到所有得數(shù)據(jù)了，還可以做簡(jiǎn)單的驗(yàn)證，分開維護(hù)。

這是引入的部分

每個(gè)定義一個(gè)refsd的值

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

在主文件index.vue里面獲取所有的數(shù)據(jù)

每個(gè)組件里面都寫了一個(gè)同名一模一樣的方法，將數(shù)據(jù)return出去