Как можно правильно организовать vue проект с общим layout но отличием в блок?

Question

[HamSter]

Есть такой мини vue проект.

Для страниц views/Home.vue , views/About.vue, ... есть общий layout/DefaultLayout.vue

Но для страницы Home.vue нужно чтобы в шапке дополнительно была простейшая форма поиска, а для страницы About.vue не нужна эта форма поиска, но нужна, например, дополнительно кнопка (любая).

Вопрос: Как можно реализовать подобное, страницы с общим layout но отличием в какой-нибудь блок?!

Comments

[Дмитрий Беляев]

почему бы не передать в layout props которые его конфигурируют?

Answer 1

[0xD34F]

Кроме дефолтного слота можно использовать ещё сколько надо именованных. Так что передавайте дополнительный контент через отдельный слот.

Comments

[HamSter]

да вот не разберусь как его использовать ( конкретно в подобном проекте

[0xD34F]

HamSter, ну, например.

[HamSter]

0xD34F, СПАСИБО!!!!!!!! Просто, пробовала тут на более простом примере сделать , но запуталась еще больше. А тут все намного проще оказалось!!!