Vue — how to organize the structure of the components?

Good day!

There is a page with a form:

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

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)

Find more questions by tags Vue.js