相信大家都用過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屬性，如下圖：
4，main.js中引入相應的組件並用vue.use()使用組件，如下圖：
此時可以直接在項目中的任何地方直接用
<Loading/>或者
<Loading></Loading>
來使用我們封裝的組件了
二、全局組件：
全局組件的使用十分簡單，
首先，你需要一個組件，新建一個
globalcomponent.vue文件，如下圖：
然后在main.js中引入相應的文件並用vue.compoment()注冊，如下圖：
然后就可以直接全局使用了
<globalcomponent></globalcomponent>
或<globalcomponent/>
就是這么簡單，實質上與vue自定義組件是一樣的，只不過自定義組件多了一對函數，即：vue.use()和install
三、局部組件：
局部組件的使用非常簡單，但是它不能再注冊的組件外部使用，否則會報錯
同樣，首先，你需要一個組件，新建一個part-1.vue文件，如下圖：
然后，你需要在想使用該組件的地方引入並注冊該組件，然后使用，如下圖：
以上為全部內容。