您好,登錄后才能下訂單哦!
這篇文章將為大家詳細(xì)講解有關(guān)Vue.use()在new Vue()之前使用的原因是什么,小編覺得挺實(shí)用的,因此分享給大家做個(gè)參考,希望大家閱讀完這篇文章后可以有所收獲。
使用Vue前端框架開發(fā)有些時(shí)間了,官方文檔對(duì)于插件開發(fā)也有詳細(xì)的介紹。最近強(qiáng)迫癥犯了,老在想為什么Vue.use函數(shù)執(zhí)行,要在Vue實(shí)例化即new Vue(options)
之前。解鈴還須系鈴人,這個(gè)問題只能通過看源碼解決,于是。。。
先看Vue.use做了什么
Vue.use = function (plugin: Function | Object) { //Vue構(gòu)造函數(shù)上定義_installedPlugins 避免相同的插件注冊(cè)多次 const installedPlugins = (this._installedPlugins || (this._installedPlugins = [])) // import是單例模式 //所以plugin不論是Fuction還是Object同一個(gè)插件都是同一個(gè) if (installedPlugins.indexOf(plugin) > -1) { return this } // additional parameters const args = toArray(arguments, 1) // Vue作為第一個(gè)參數(shù)傳遞給插件 args.unshift(this) if (typeof plugin.install === 'function') { plugin.install.apply(plugin, args) } else if (typeof plugin === 'function') { plugin.apply(null, args) } installedPlugins.push(plugin) return this // 返回的是this,可以鏈?zhǔn)秸{(diào)用 }
do:
檢查插件是否已經(jīng)注冊(cè),相同的插件只注冊(cè)一次
將Vue構(gòu)造函數(shù)作為第一個(gè)參數(shù),作為插件注冊(cè)調(diào)用
根據(jù)插件形式選擇調(diào)用plugin.install
還是plugin
存儲(chǔ)已注冊(cè)插件,用于插件是否已注冊(cè)檢驗(yàn)
Vue.prototype._init中合并options Vue.prototype._init = function (options?: Object) { const vm: Component = this // a uid vm._uid = uid++ let startTag, endTag ... vm.$options = mergeOptions( resolveConstructorOptions(vm.constructor), options || {}, vm ) ... // 掛載到dom上 if (vm.$options.el) { vm.$mount(vm.$options.el) } }
在new Vue(options)
時(shí)首先會(huì)執(zhí)行this._init進(jìn)行初始化,將Vue上的屬性和options進(jìn)行合并,然后在進(jìn)行事件、生命周期等的初始化。beforeCreate,created生命周期的hook函數(shù)也是在這里進(jìn)行調(diào)用
如果Vue.use在new Vue()
之后執(zhí)行,this._init()
時(shí)你使用的插件的內(nèi)容還沒有添加到Vue.options.components、Vue.options.directives、Vue.options.filters等屬性中。所以新初始化的Vue實(shí)例中也就沒有插件內(nèi)容
關(guān)于“Vue.use()在new Vue()之前使用的原因是什么”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,使各位可以學(xué)到更多知識(shí),如果覺得文章不錯(cuò),請(qǐng)把它分享出去讓更多的人看到。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。