註冊全域性元件的好處是，可以直接在html中直接呼叫元件而不用每次都要在vue檔案中註冊元件，壞處也是很明顯的，因為每個vue都預設載入了全域性元件，所以全域性元件如果非常龐大，會拖慢所有頁面的載入速度，要根據需要來挑選元件進入全域性元件庫。

元件清單檔案

import Box from '../lib/Box.vue';
import KJchart from '../lib/KJchart.vue';
import KJtable from '../lib/KJtable.vue';
import KJtitle from '../lib/KJtitle.vue'
export default (Vue)=>{
  Vue.component("Box",Box);
  Vue.component("KJchart",KJchart);
  Vue.component("KJtable",KJtable);
  Vue.component("KJtitle",KJtitle);
...
}
 

註冊全域性元件關鍵步驟

在app.js檔案中引入元件清單，然後Vue.use()即可

import KJview from '../src/components/lib/lib'//註冊自己的全域性元件

Vue.use(KJview);

以上KJ開頭的字元可以替換成自己的元件