建站
咨詢
售后
建站咨詢
新聞中心
這篇文章將為大家詳細講解有關Vue.use()在new Vue()之前使用的原因是什么，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
使用Vue前端框架開發(fā)有些時間了，官方文檔對于插件開發(fā)也有詳細的介紹。最近強迫癥犯了，老在想為什么Vue.use函數(shù)執(zhí)行，要在Vue實例化即new Vue(options)之前。解鈴還須系鈴人，這個問題只能通過看源碼解決，于是。。。
先看Vue.use做了什么
Vue.use = function (plugin: Function | Object) {
//Vue構造函數(shù)上定義_installedPlugins 避免相同的插件注冊多次
const installedPlugins = (this._installedPlugins || (this._installedPlugins = []))
// import是單例模式
//所以plugin不論是Fuction還是Object同一個插件都是同一個
if (installedPlugins.indexOf(plugin) > -1) {
return this
}
// additional parameters
const args = toArray(arguments, 1)
// Vue作為第一個參數(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,可以鏈式調用
}do:
檢查插件是否已經(jīng)注冊，相同的插件只注冊一次
將Vue構造函數(shù)作為第一個參數(shù)，作為插件注冊調用
根據(jù)插件形式選擇調用
plugin.install還是plugin存儲已注冊插件，用于插件是否已注冊檢驗
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)時首先會執(zhí)行this._init進行初始化，將Vue上的屬性和options進行合并，然后在進行事件、生命周期等的初始化。beforeCreate,created生命周期的hook函數(shù)也是在這里進行調用
如果Vue.use在new Vue()之后執(zhí)行，this._init()時你使用的插件的內(nèi)容還沒有添加到Vue.options.components、Vue.options.directives、Vue.options.filters等屬性中。所以新初始化的Vue實例中也就沒有插件內(nèi)容
關于“Vue.use()在new Vue()之前使用的原因是什么”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。
分享名稱：Vue.use()在newVue()之前使用的原因是什么-創(chuàng)新互聯(lián)
當前鏈接：http://fisionsoft.com.cn/article/dsjihs.html
