Vueは双方向データバインディングを実装します

関数defineReactive(データ、キー、値){
    if(typeof val === 'object') 新しいオブザーバー(val)
    dep = new Dep();
    Object.defineProperty(データ、キー、値) {
    列挙可能: true、
    設定可能: true、
    取得: 関数 () {
        依存関係
        戻り値:
    },
    設定: 関数() {
        if(val === newVal) {
            戻る ;
        }
        val = 新しいVal;
        dep.notify()
    }
}
}

デフォルトクラス Dep をエクスポートします {
    コンストラクタ() {
        this.subs = []
    }
    
    サブルーチンを追加します。
        this.subs.push(サブ)
    }
    
    サブルーチンを削除します
        削除(this.subs, sub)
    }
    
    依存する（） {
        if(ウィンドウ.ターゲット) {
            this.addSub(ウィンドウ.ターゲット)
        }
    }
    
    通知() {
        const subs = this.subs.slice()
        for(let i = 0, l = subs.length; i < l; i++) {
            subs[i].update()
        }
    }
}
 
関数remove(arr, item) {
    （arr.length）の場合{
        定数インデックス = arr.indexOf(item)
        if(インデックス > -1) {
            arr.splice(インデックス, 1) を返す
        }
}
}

デフォルトクラスWatcherをエクスポートします{
    コンストラクタ(vm, expOrFn, cb) {
        this.vm = vm
        this.getter = parsePath(expOrFn)
        this.cb = cb
        this.value = this.get()
    }
    
    得る（） {
        window.target = これ
        値を this.getter.call(this.vm, this.vm) にします。
        window.target = 未定義
        戻り値
    }
    
    アップデート（） {
        const oldValue = this.value
        this.value = this.get()
        this.cb.call(this.vm、this.value、oldValue) の呼び出し
    }
}

エクスポートクラスObserver {
    コンストラクタ(値) {
        this.value = 値;
        
        if(!Array.isArray(値)) {
            this.walk(値)
        }
    }
    歩く(オブジェクト) {
        定数キー = Object.keys(obj)
        for(let i = 0; i < keys.length; i++) {
            定義Reactive(obj, キー[i], obj[キー[i]])
        }
    }
}

const arrayProto = Array.prototype
エクスポート const arrayMethods = Object.create(arrayProto);
// 配列プロトタイプと同じオブジェクトをインターセプターとして ['push','pop','shift','unshift','splice','sort','reverse'].forEach(function (method) {
    const オリジナル = arrayProto[メソッド]
    Object.defineProperty(配列Methods, メソッド, {
        値: 関数ミューテーター(...args) {
              元の値を返す。(this, args)
        },
        列挙可能: false、
        書き込み可能: true、
        設定可能: true
    })
})

value.__proto__ = 配列メソッド

this.__ob__.dep.notify();

配列を観察(アイテム) {
    for(let i = 0; l = items.length; i < l; i++) {
        アイテム[i]を観察します。    
    }
}

if(挿入) ob.observeArray(挿入)