Vue 环境安装完成后，开始自定义公用组件 1、全局组件在 src/components 目录新建 common 目录，创建 header.vue，写入代码：
<template>
<div>
<h1>header in here</h1>
</div>
</template>
<script>
export default{}
</script>
在 src 目录下的 main.js, 加入代码：
import headerTop from “./components/common/header” // 引入组件
Vue.component(“head-view”,headerTop);
在要用的页面加入标签 <head-view></head-view> 就会出现内容了
2、局部引用如图，即可