Header for vue component

App.vue

<template>
    <div>
        <app-header></app-header>
    </div>
</template>

<script>
import header from './components/header.vue';

export default {
    components: {
        'app-header': header
    },
    data () {
        return {
          
        }
    }
}
</script>

<style>
</style>

header.vue

<template>
    <div>
        <h1>Hi, I'm a header</h1>
    </div>
</template>

<script>
export default {
    
}
</script>

<style>

</style>