需求

导入公共页面，比如头部Header导航栏或者是底部footer页面。

代码

我的项目结构:

header
	-header.vue
main
	-main.vue	

（这里是用uni App为例子）
header.vue（就是普通的页面没有特殊之处，例如）

<template>
	<view>
		这里是header页面
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

main.vue

<template>
	<view class="main">
		<my-header></my-header>
		<view>
			<text>这里主页面，上面将导入header模块</text>
		</view>
	</view>
</template>

<script>
	import myHeader from '../header/header.vue';
	export default {
		data() {
			return {
				
			}
		},
		components:{
			myHeader: myHeader
		},
		methods: {
			
		}
	}
</script>

result
>

拓展:如果想全局导入并定义组件你可以再App.vue 导入并定义组件.