VUE SPA how to override component in layout?

Question

Vue.js

Kind.
VUE SPA
The template has a header. I would like to change the visualization of the header from page to page. But something like a stone flower does not come out.
I try a component - does not redefine from page. Gives an error message.
The only way out that I found is to use a global variable and assign any values ​​to it in the loaded pages. But it seems to me that it would be better to do something differently.
Tell me how to do it right?

Answer 1

Well, apparently, you need to use a router . In the routes themselves, pass the parameter that will come to the prop component of the header. and there already depending on it, do what you need.

Answer 2

Better ask why

does not override from the page. Gives an error message.

And keep banging your head against "Dynamic Components".
How to connect button and components?
https://ru.vuejs.org/v2/guide/components-dynamic-a...