How can I properly organize a vue project with a common layout but a difference in a block?

Question

Vue.js

There is such a mini vue project.
For pages views/Home.vue , views/About.vue, ... there is a common layout/DefaultLayout.vue
But for the Home.vue page, you need the simplest search form in the header, and the About.vue page does not need this form search, but you need, for example, an additional button (any).
Question: How can you implement something like this, pages with a common layout but with a difference in some block?!

Answer 1

In addition to the default slot, you can use as many more named ones as you need. So pass additional content through a separate slot.