1、子组件
<template>
<div>
<header>
我是header
</header>
</div>
</template>
<script>
</script>
<style scoped>
.head {
background: #A4D2FB;
height: 65px;
}
</style>
2 、父组件,在这里调用子组件
<template>
<div>
<Header></Header>
我是index
</div>
</template>
<script>
// 引入要调用的子组件
import Header from '@/components/Header.vue'
export default {
components: {
// 注册一下子组件,即取名字
Header
}
</script>
<style scoped>
</style>