Vue basics — use component in other component

Question

I\'m trying to use a Vue component (a header) inside of another component, but it\'s not rendering it correctly.

My code:

App.vue:

Answer 1

You cannot name a component with the name of an existing HTML tag. The development version of Vue will warn you of this in the console.

[Vue warn]: Do not use built-in or reserved HTML elements as component id: header

Rename your header component with some other name.