在你寫頁面的時候，是不是經常有這樣乙個苦惱！就是相同的元件，每個頁面都要引入，並加入components!
應用場景如：
1.全域性的 prompt 元件，用來給使用者彈出乙個提示！
2. loading 元件，希望呼叫this.$loading.*** 就可以顯示，而不需要過多的import引入！
其實很簡單，只要想一下自己用的ui的框架是怎麼辦到的，比如iview，element, 只需要在頁面初始的時候呼叫use方法。
下邊這個元件就是模仿ui框架
只需在你的main.js使用vue.use(loading)。
就可以在每乙個vue元件例項裡用 this.$loading.show_()，this.$loading.hidden_() 來控制載入元件的顯示和隱藏！
1> 首先新建乙個loading.js檔案
import loading from './loading.vue'
class loading_class
install (vue)
initloading_ () )
this.$vue.prototype.$loading = ele
}}export default new loading_class()
}
import vue from 'vue'
import loading from '@/components/loadings/loading.js'
vue.use(loading)
同理，如果是公共元件，且是那種經常用的元件，都可以這樣來註冊全域性元件。
如果是想要傳引數給元件的話也一樣。只需要在loading.js檔案裡的 new loading_component 的時候傳的物件加乙個propsdata屬性就可以了，就像父元件給子元件傳引數一樣,子元件通過props來獲取。
使用use註冊Vue全域性元件和全域性指令
vue中的元件和指令分為區域性元件 區域性指令和全域性元件 全域性指令。對於註冊有一定數量的全域性指令和全域性元件時，官方文件中的方法就顯得有些不夠清爽了。import eg from components eg.vue export default vue import components fr...
Vue全域性元件註冊
最近編寫專案中，會應用到很多基礎元件，起初採用了區域性註冊進行使用，但區域性註冊對於開發人員並不友好，每個階段都要經歷import檔案匯入，component檔案註冊兩個階段，開發效率不高，於是採用了全域性註冊方式，引用基礎元件，但全域性元件會在初次渲染的時候一次性匯入，造成系統比較卡頓。於是，想到...
vue獲取全域性元件 Vue 全域性元件自動註冊
在 vue 中，我們通過 vue.component mycomponentname 的方式來進行全域性元件註冊，但如果需要全域性註冊的元件很多，這時 就會變得比較臃腫，例如 12 註冊 5 個全域性元件 import examplecomponent1 from components exampl...