Vue.use()在newVue()之前使用的原因是什么

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

成都創(chuàng)新互聯(lián)專注于企業(yè)成都全網(wǎng)營銷、網(wǎng)站重做改版、西青網(wǎng)站定制設計、自適應品牌網(wǎng)站建設、H5技術、商城系統(tǒng)網(wǎng)站開發(fā)、集團公司官網(wǎng)建設、成都外貿網(wǎng)站制作、高端網(wǎng)站制作、響應式網(wǎng)頁設計等建站業(yè)務，價格優(yōu)惠性價比高，為西青等各大城市提供網(wǎng)站開發(fā)制作服務。

使用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:

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

  2. 將Vue構造函數(shù)作為第一個參數(shù)，作為插件注冊調用

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

  4. 存儲已注冊插件，用于插件是否已注冊檢驗

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()時你使用的插件的內容還沒有添加到Vue.options.components、Vue.options.directives、Vue.options.filters等屬性中。所以新初始化的Vue實例中也就沒有插件內容

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

網(wǎng)站名稱：Vue.use()在newVue()之前使用的原因是什么
路徑分享：http://www.muchs.cn/article22/ippjcc.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供小程序開發(fā)、微信公眾號、虛擬主機、ChatGPT、做網(wǎng)站、

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)

成都網(wǎng)站建設公司