這篇文章將為大家詳細(xì)講解有關(guān)Vue.use()在new Vue()之前使用的原因是什么，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

十多年的五大連池網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對(duì)設(shè)計(jì)、前端、開發(fā)、售后、文案、推廣等六對(duì)一服務(wù)，響應(yīng)快，48小時(shí)及時(shí)工作處理。網(wǎng)絡(luò)營(yíng)銷推廣的優(yōu)勢(shì)是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動(dòng)調(diào)整五大連池建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無(wú)論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。成都創(chuàng)新互聯(lián)公司從事“五大連池網(wǎng)站設(shè)計(jì)”,“五大連池網(wǎng)站推廣”以來(lái)，每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

使用Vue前端框架開發(fā)有些時(shí)間了，官方文檔對(duì)于插件開發(fā)也有詳細(xì)的介紹。最近強(qiáng)迫癥犯了，老在想為什么Vue.use函數(shù)執(zhí)行，要在Vue實(shí)例化即new Vue(options)之前。解鈴還須系鈴人，這個(gè)問(wèn)題只能通過(guò)看源碼解決，于是。。。

先看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:

1. 檢查插件是否已經(jīng)注冊(cè)，相同的插件只注冊(cè)一次

2. 將Vue構(gòu)造函數(shù)作為第一個(gè)參數(shù)，作為插件注冊(cè)調(diào)用

3. 根據(jù)插件形式選擇調(diào)用plugin.install還是plugin

4. 存儲(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)容還沒(méi)有添加到Vue.options.components、Vue.options.directives、Vue.options.filters等屬性中。所以新初始化的Vue實(shí)例中也就沒(méi)有插件內(nèi)容

關(guān)于“Vue.use()在new Vue()之前使用的原因是什么”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

文章標(biāo)題：Vue.use()在newVue()之前使用的原因是什么-創(chuàng)新互聯(lián)
當(dāng)前URL：http://weahome.cn/article/dsjihs.html