How to get data from VUE descendant components?

Question

Vue.js

For example, there is such a code

<formComponent>
    <inputComponent></inputComponent>
    <inputComponent></inputComponent>
    <inputComponent></inputComponent>
    <inputComponent></inputComponent>
    <inputComponent></inputComponent>
</formComponent>

How to get the necessary data from each inputComponent (their number can be any) from the formComponent parent component by clicking on the button. In theory, I need to get the validation status and value (text inside the input)

Answer 1

You need to use ref