Vue全局组件的学习

        第一种：配合Vue.extend方法直接直接在页面中编辑页面

let Header = Vue.extend({
    template:`<h1>这是一个标题</h1>`//定义模板
})

Vue.component("组建名",Header)//注册为全局组件这里可以是变量也可以是对象

        第二种：直接在Vue.component里面进行定义

Vue.component("Header",{
    //直接在函数体里面定义。
    template:`<h1>这是全局页面的标题</h1>`
})

        第三种：

import Header from "./components/Header"
//引入一个外部组件。将其注册为全局组件就可以啦，这是我最喜欢的，也是很方便的。因为指令都还在
Vue.component("Header",Header)

当你想在某一个页面使用的时候直接在页面的template里面写上你命名的全局组件名称即可