5.Vue全局组件

公共组件全部放在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 局部组件 文章