Function set

vue.js:1572–1615

(target, key, val)

    //如果是对象则重新赋值
    //如果 (target).__ob__ 存在则表明该数据以前添加过观察者对象中  //通知订阅者ob.value更新数据 添加观察者  define  set get 方法
    function set(target, key, val) {
        if ("development" !== 'production' &&
            //判断数据 是否是undefined或者null
            (isUndef(target) || isPrimitive(target))   //判断数据类型是否是string，number，symbol，boolean
        ) {
            //必须是对象数组才可以 否则发出警告
            warn(("Cannot set reactive property on undefined, null, or primitive value: " + ((target))));
        }

        //如果是数组  并且key是数字
        if (Array.isArray(target) && isValidArrayIndex(key)) {
            //设置数组的长度
            target.length = Math.max(target.length, key);
            //像数组尾部添加一个新数据，相当于push
            target.splice(key, 1, val);
            return val
        }
        //判断key是否在target 上，并且不是在Object.prototype 原型上，而不是通过父层原型链查找的
        if (key in target && !(key in Object.prototype)) {
            target[key] = val;  //赋值
            return val
        }
        var ob = (target).__ob__;  //声明一个对象ob 值为该target对象中的原型上面的所有方法和属性 ，表明该数据加入过观察者中
        //vmCount 记录vue被实例化的次数
        //是不是vue
        if (target._isVue || (ob && ob.vmCount)) {
            //如果不是生产环境，发出警告
            "development" !== 'production' && warn(
                'Avoid adding reactive properties to a Vue instance or its root $data ' +
                'at runtime - declare it upfront in the data option.'
            );
            return val
        }
        //如果ob不存在 说明他没有添加观察者 则直接赋值
        if (!ob) {
            target[key] = val;
            return val
        }
        //通知订阅者ob.value更新数据 添加观察者  define  set get 方法
        defineReactive(ob.value, key, val);
        //通知订阅者ob.value更新数据
        ob.dep.notify();
        return val
    }

    /**
     * Delete a property and trigger change if necessary.