公共組件全部放在src\components\下

在src\components\下建立：Header.vue

代碼

<template>
  <div>
      <div>頭部信息，全局組件</div>
  </div>
</template>
<script>
export default {}
</script>
<style>
</style>

引入全局組件放在：src\main.js 中

//導入全局組件
import headerVue from '@/components/Header';
//注冊全局組件
Vue.component('headerVue ', headerVue );

在任意vue模板中可直接使用全局組件

<template>
  <div>
      <header-vue></header-vue>
  <div>
</template>

關于父子組件通信、傳值 請參 4.Vue 局部組件 文章