Vueのprovideとinjectの使い方と原則を分析する

1. 親コンポーネントは子コンポーネントに渡すパラメータを提供する provide() {
    戻る {
      リストタイプ: this.listType、
    }
  }
2. サブコンポーネントの使用法:
挿入: ['listType'],

注入:{
  リストタイプ:{
  from:"par"//定義された名前を指定します default:1
  }
}

エクスポート関数 provide<T>(キー: InjectionKey<T> | 文字列 | 数値、値: T) {
  現在のインスタンスの場合
    __DEV__ の場合 {
      警告(`provide() は setup() 内でのみ使用できます。`)
    
    }
  } それ以外 {
    //現在のコンポーネントのprovidesを取得します。デフォルトインスタンスは親クラスのprovidesオブジェクトを継承します。let provided = currentInstance.provides
    //親の提供オブジェクトをプロトタイプとして使用して、独自の提供オブジェクトを作成します。const parentProvides =
      currentInstance.parent && currentInstance.parent.provides
    if (parentProvides === 提供) {
      提供 = currentInstance.provides = Object.create(parentProvides)
    }
    [キーを文字列として] = 値を提供する
  }
}
​

エクスポート関数inject(
  キー: InjectionKey<任意> | 文字列、
  デフォルト値?: 不明、
  デフォルトをファクトリとして扱う = false
）{
  //現在のコンポーネントインスタンスを取得します const instance = currentInstance || currentRenderingInstance
  if (インスタンス) {
  //Getは提供します
    constは=を提供します
      インスタンス.親 == null
        ? instance.vnode.appContext && instance.vnode.appContext.provides
        : インスタンス.親.提供
​
    if (provides && (key as string | symbol) in provided) {
      //キーが存在する場合は、provides[key as string]を直接返します
    } そうでなければ (引数の長さ > 1) {
      //キーが存在しない場合はデフォルト値を設定し、デフォルト値を直接返します return treatDefaultAsFactory && isFunction(defaultValue)
        ? defaultValue.call(instance.proxy)
        : デフォルト値
    } そうでない場合 (__DEV__) {
      // いずれも見つからない場合は、warn(`injection "${String(key)}" not found.`) と警告します。
    }
  } そうでない場合 (__DEV__) {
    警告(`inject() は setup() または機能コンポーネント内でのみ使用できます。`)
  }
}
​