在页面中引入子组件分为局部引入和全局引入，局部引入顾名思义就是只在当前页面引入且只在当前页面显示，全局引入即引入后在所有页面都显示。

        首先我们创建两个页面Test.vue和Tset2.vue；

        起始效果如下：

        接下来创建一个头部子组件，

---

 局部引入：

        此处将头部子组件引入Test.vue页面中；如下图：

页面显示效果如下：只有Test.vue页面显示该头部子组件。
 

---

 全局引入：

        在src/main.js中； 

页面显示效果如下：

 

---