Vue — как правильно организовать структуру компонентов?

Question

[Фёдор Бузинов]

Добрый день!

Есть страница с формой:

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

У каждого элемента и будет кнопка "Настроить", по нажатию нужно показывать модальное окно, с настройками для конкретного элемента (Поменять label, name, и т.п.)

Подскажите где правильно в структуре выше, разместить компонент ?

Правильно ли будет прикрутить внутри каждого компонента, как ребенка?

Answer 1

[Orfen]

Используй slot, slot-scope пиши компоненты, которые друг от друга не зависят (модальное окно)
https://ru.vuejs.org/v2/guide/components-slots.html