Vue における Vue.use() の原理と基本的な使用法

// プラグイン.js
定数プラグイン1 = {
  インストール(a,b){
    console.log('Plugin1 の最初のパラメータ:',a)
    console.log('プラグイン1の2番目のパラメータ:',b)
  }
}

関数Plugin2(a,b){
  console.log('Plugin2 の最初のパラメータ:',a)
  console.log('プラグイン2の2番目のパラメータ:',b)
}

エクスポート{プラグイン1,プラグイン2}

// 使用.js 
'vue' から Vue をインポートします
'./plugins' から {Plugin1,Plugin2} をインポートします。

Vue.use(プラグイン1、'パラメータ1')
Vue.use(プラグイン2、'パラメータA')

// メイン.js
'vue' から Vue をインポートします
'./App.vue' からアプリをインポートします。
'./router' からルーターをインポートします
'./assets/plugins/use' をインポートします

Vue.config.productionTip = false
新しいVue({
  ルーター、
  店、
  レンダリング: h => h(App)
}).$mount('#app')

エクスポート関数 toArray (リスト: 任意、開始?: 数値): Array<任意> {
  開始 = 開始 || 0
  i = list.length - 開始とする
  const ret: Array<any> = 新しいArray(i)
  (i--) {
    ret[i] = リスト[i + 開始]
  }
  リターン ret
}

'../util/index' から { toArray } をインポートします

エクスポート関数 initUse (Vue: GlobalAPI) {
  Vue.use = function (プラグイン: Function | Object) {
    const インストール済みプラグイン = (this._installedPlugins || (this._installedPlugins = []))
    インストールされたプラグインのインデックスが -1 より大きい場合
      これを返す
    }

    // 追加パラメータ
    const args = toArray(引数、1)
    args.unshift(これ)
    if (typeof plugin.install === 'function') {
      plugin.install.apply(プラグイン、引数)
    } そうでない場合 (typeof plugin === 'function') {
      プラグインを適用(null, 引数)
    }
    インストールされたプラグインをプッシュします
    これを返す
  }
}

エクスポートconstプラグイン = {
    インストール(Vue) {
        Vue.コンポーネント...
        Vue.mixins...
        ヴュー...
        // インストール時に他の関数を実行することもできます。Vue はこれをプラグインにポイントします。console.log(this) // {install: ...,utils: ...}
        this.utils(Vue) // utils関数を実行 console.log(this.COUNT) // 0
    },
    ユーティリティ(Vue) {
        ヴュー...
        コンソールログ(Vue) // Vue
    },
    カウント: 0    
}
// このオブジェクトにパラメータを追加することができ、Vue はインストール メソッドのみを実行し、他のメソッドはインストール メソッドをカプセル化するための補助関数として使用できます。const test = 'test'
エクスポート関数Plugin2(Vue) {
    ヴュー...
    console.log(テスト) // 'テスト'
    // プラグインが関数として記述されている場合、Vue は this を null にのみポイントし、この関数にはポイントしないことに注意してください console.log(this) // null
}
// この方法では、プラグインのロジックを1つの関数にしか記述できず、カプセル化はそれほど強力ではありません