1. export function set (target: Array<any> | Object, key: any, val: any): any {
    2.   // target 非法校验，只能为数组和对象这类引用类型添加新的索引值
    3.   if (process.env.NODE_ENV !== 'production' &&
    4.     (isUndef(target) || isPrimitive(target))
    5.   ) {
    6.     warn(`Cannot set reactive property on undefined, null, or primitive value: ${(target: any)}`)
    7.   }
    9.   // 如果 target 是数组，且索引是有效的索引值（非负整数）
    10.   if (Array.isArray(target) && isValidArrayIndex(key)) {
    11.     // 修改数组的长度，如有必要
    12.     target.length = Math.max(target.length, key)
    13.     // 通过 splice 来添加值，因为如果 target 本身已经具备响应式，则 splice 已被挟持过了，所以自然而然新值就会变成响应式的值
    14.     target.splice(key, 1, val)
    15.     return val
    16.   }
    18.   // https://github.com/vuejs/vue/issues/6845#issuecomment-407390645
    19.   // 判断 key 是否已存在于 target 及其原型上，且不在 Object 的原型上，则仅赋值
    20.   if (key in target && !(key in Object.prototype)) {
    21.     target[key] = val
    22.     return val
    23.   }
    25.   // 以下的情况则是，非数组，key 值确实之前缺省
    26.   // 取出 Observer
    27.   const ob = (target: any).__ob__
    29.   // 如果 target 是 vue 实例，或 者target 是组件的根 data， 则提示非法报错
    30.   // 之所以不能在根 data 上，因为根 data 无法收集依赖
    31.   if (target._isVue || (ob && ob.vmCount)) {
    32.     process.env.NODE_ENV !== 'production' && warn(
    33.       'Avoid adding reactive properties to a Vue instance or its root $data ' +
    34.       'at runtime - declare it upfront in the data option.'
    35.     )
    36.     return val
    37.   }
    39.   // 如果没有监听过 target 非响应式的，则直接赋值
    40.   if (!ob) {
    41.     target[key] = val
    42.     return val
    43.   }
    45.   // target 已经被监听过了，则使 key 值在其中具备响应式
    46.   defineReactive(ob.value, key, val)
    48.   // 通知依赖项更新
    49.   ob.dep.notify()
    50.   return val
    51. }