Vue の vue.$set() メソッドのソースコード例の詳細な説明

/**
 * オブジェクトにプロパティを設定します。新しいプロパティを追加し、
 * プロパティが
 * すでに存在します。
 */
エクスポート関数セット (ターゲット: 配列<any> | オブジェクト、キー: any、値: any): any {
  // まず、渡されたターゲットオブジェクトが未定義、null、プリミティブ（元の値）であるかどうかを判断します。そうでない場合は、警告をスローします。if (process.env.NODE_ENV !== 'production' &&
    (isUndef(ターゲット) || isPrimitive(ターゲット))
  ）{
    警告(`未定義、null、またはプリミティブ値にリアクティブ プロパティを設定できません: ${(target: any)}`)
  }
  // ターゲットオブジェクトが配列であり、キーが有効なインデックスであるかどうかを確認します。if (Array.isArray(target) && isValidArrayIndex(key)) {
    // ターゲット配列の長さとキーの大きい方の値をターゲットの長さ属性として取得します。target.length = Math.max(target.length, key)
    // キー位置の要素をスプライスで置き換えます target.splice(key, 1, val)
    戻り値
  }
  // ターゲットオブジェクトにキーがすでに存在する場合は、それを直接割り当てます。if (key in target && !(key in Object.prototype)) {
    ターゲット[キー] = 値
    戻り値
  }
  // ターゲット内のオブザーバーオブジェクトを取得します。const ob = (target: any).__ob__
  // ターゲットがvueインスタンスまたは$dataの場合、直接戻りますif (target._isVue || (ob && ob.vmCount)) {
    process.env.NODE_ENV !== 'production' && 警告(
      'Vue インスタンスまたはそのルート $data にリアクティブ プロパティを追加しないでください ' +
      「実行時 - データ オプションで事前に宣言します。」
    ）
    戻り値
  }
  // obが存在しない場合は、ターゲットがレスポンシブなオブジェクトではないことを意味し、ビューの更新をトリガーせずに値が直接割り当てられます。if (!ob) {
    ターゲット[キー] = 値
    戻り値
  }
  // obが存在する場合は、キーをレスポンシブプロパティとして設定します。defineReactive(ob.value, key, val)
  // ビューの更新をトリガーする通知を送信します ob.dep.notify()
  戻り値
}