A. Create a file of name suppose HeaderConmponent.vue inside components folder :-
HeaderComponent.vue
<template>
Html part
</template>
<script>
export default {
name: ‘HeaderComponent’
}
</script>
<style scoped>
css part
</style>
B. Go to App.vue and import this component :-
App.vue
<template>
<HeaderCompoent />
</template>
<script>
import HeaderComponent from ‘./components/HeaderComponent’;
export default {
name: “App”,
components: {
HeaderComponent
}
}
</script>
<style scoped>
css part
</style>
