相信大家都用过element-ui、mintui、iview等诸如此类的组件库，具体用法请参考：https://www.cnblogs.com/wangtong111/p/11522520.html
其中最引人注意的一点就是vue.use()的使用，那么我们怎么样才能自己封装一个也使用vue.use()的组件呢，看下面：
一、vue自定义组件
以loading组件为例：
1，首先新建loading文件夹，并在文件夹内新建loading.vue和index.js文件，如下图
2，在loading.vue文件中写自己的组件，与普通的组件写法相同，如下图：
3，编辑index.js，核心为install属性，如下图：
扫描二维码关注公众号，回复：
7290783 查看本文章
4，main.js中引入相应的组件并用vue.use()使用组件，如下图：
此时可以直接在项目中的任何地方直接用
<Loading/>或者
<Loading></Loading>
来使用我们封装的组件了
二、全局组件：
全局组件的使用十分简单，
首先，你需要一个组件，新建一个
globalcomponent.vue文件，如下图：
然后在main.js中引入相应的文件并用vue.compoment()注册，如下图：
然后就可以直接全局使用了
<globalcomponent></globalcomponent>
或<globalcomponent/>
就是这么简单，实质上与vue自定义组件是一样的，只不过自定义组件多了一对函数，即：vue.use()和install
三、局部组件：
局部组件的使用非常简单，但是它不能再注册的组件外部使用，否则会报错
同样，首先，你需要一个组件，新建一个part-1.vue文件，如下图：
然后，你需要在想使用该组件的地方引入并注册该组件，然后使用，如下图：
以上为全部内容。