Vue自定義插件(組件)Loading

vue.use()方法可以用來注冊組件或者插件。

只要傳入一個install()方法既可以注冊

install(Vue,option){}

可以通過幾種方式來自定義開發

Vue.$loading = …//直接掛載在Vue類上

Vue.propertype.$loading = …//直接掛載在Vue原型鏈上，可以通過this.$loading調用

Vue.component()//注冊一個全局組件

Vue.directive()//注冊全局指令

Vue.mixin()//全局混入，可以理解為繼承

Vue.observable()//可以理解為小型vuex

要怎么用可以根據情況定義，既可以注冊全局組件或者指令，也可以把實例直接掛載原型鏈上

Loading.vue

index.js

用混入來發布內容，create hook函數內的內容會在每個子組件中最先執行

同樣也可以通過原型鏈，或者注冊組件，注冊指令等方式完成

在main.js中，通過Vue.use()來執行install安裝函數，進行真正的注冊。

import loading from './assets/lib/loading'

Vue.use(loading)

可以向Vue.use()傳入一個option對象,對象用於傳值，不使用則會使用默認值

{propsData:{text,image,textStyle}}

eq:  Vue.use(loading,{propsData:{textStyle:{fontSize:’12px’}})

通過this.$loading.show() || hide()來改變組件的顯示和隱藏。

可以用在httprequest發送前和respond之后.

效果：