为什么Vue可以绑定Array的pop,push等方法

new Observer的时候,有

if (Array.isArray(value)) {
            if (hasProto) {
                protoAugment(value, arrayMethods);
            } else {
                copyAugment(value, arrayMethods, arrayKeys);
            }
            this.observeArray(value);
        } else {
            this.walk(value);
        }

 chrome是支持__proto__的,所以hasproto为true,进入protoAugment方法,本来proto指向的是Array的prototype,现在中间加一个对象arrayMethods,再对这个arrayMethods进行拦截,vue.js 858行,相当于重写

'push',
'pop',
'shift',
'unshift',
'splice',
'sort',
'reverse'
这几个 改变数组本身的 方法,push unshift splice三个方法是有可能添加对象进来的,添加的对象,都要观察,也就是绑定。然后调用这几个方法的时候,都会通知ob.dep.notify();

猜你喜欢

转载自www.cnblogs.com/chuliang/p/10360541.html