本文介绍了vue 将页面公用的头部组件化的方法，分享给大家，具体如下：@H_502_1@

呃……重新捡起前面用vue-cli快速生成的项目。@H_502_1@

之前是做过一个多页面的改造，以及引入vux的ui组件，这次在这个项目的基础上，再来聊聊vue中的component。@H_502_1@

别问我为啥总是写关于vue的博客，都是为了生计（………………）@H_502_1@

这是官方的文档地址（https://cn.vuejs.org/v2/guide/components.html#什么是组件？），关于组件写了一大堆，一看就知道这个很有用啦。@H_502_1@

关于一些组件的概念之类的就不一一介绍了，官方文档说的很详细。@H_502_1@

下面进入正题，直接下载项目 @H_502_1@

一 拿出之前的项目

@H_502_1@@H_502_1@

二 在这种需求下 ，自然就要使用我们的组件了，在index.js中添加如下代码。