vue3.0响应式原理实现

class Dep {

  constructor() {

      this.subscribers = new Set(); // 保证依赖不重复添加

  }

  // 追加订阅者

  depend() {

      if(activeUpdate) { // activeUpdate注册为订阅者

          this.subscribers.add(activeUpdate)

      }

 

  }

  // 运行所有的订阅者更新方法

  notify() {

      this.subscribers.forEach(sub => {

          sub();

      })

  }

}

let activeUpdate

function reactive(target) {

 return createReactiveObject(target)

}

let toProxyMap = new WeakMap()

let toRawMap = new WeakMap()

function createReactiveObject(target) {

  let dep = new Dep()

  if(!isObject(target)) return target

  // reactive(obj)

  // reactive(obj)

  // reactive(obj)

  // target已经代理过了，直接返回，不需要再代理了

  if(toP