Vue — how to organize the structure of the components?

Good day!

There is a page with a form:

<custom-form>
 <section title="Contacts">
 <custom-input type="text">
 <custom-input type="text">
 <custom-input type="select">
</custom-input></custom-input></custom-input></section>
 <section title="Info">
 <custom-input type="select">
</custom-input></section>
</custom-form>


Each element will be the "setup" button, on press you need to show a modal window with settings for the particular item (to Change the label, name, etc.)

Tell me which is correct in the structure above, place the component ?

Would it be correct to fasten on the inside of each component as a child?
June 5th 19 at 21:32
1 answer
June 5th 19 at 21:34
Use slot, slot-scope write the components from each other are independent (modal window)
https://ru.vuejs.org/v2/guide/components-slots.html

Find more questions by tags Vue.js