Vue dynamically adds child components, and then the parent component acquires the data of all child components?

I want to achieve such a function. Click the red plus sign and then add the input component above (that is, do a batch upload). I searched for a lot of related questions, and finally only realized the function of adding dynamically. However, it has been fruitless for a long time to think about how to get all the input data after clicking batch upload.

I use vue to write the front-end Golang to write the back-end, ready to write a desktop APP, the Golang interface is too low to achieve the desired effect, the front-end vue is only scratching the surface. Embarrassed 0. 0.

ask a great god to guide me to the maze, so that I can have some ideas?

Mar.20,2021

what I'm doing now is
v-for loop,

v-for idex in number 
<component ref="xx"> </component>   

then initialize the number to 1, add a button to dynamically change the value of the number
data acquisition
this.$ refs.xx [number-1]. Something

in ref,js.
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1eaf2d8-2233.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1eaf2d8-2233.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?