为什么需要Proxy机制呢？

Question

为什么需要把组件内的data的key都代理了，直接引用同一个对象不可以吗？
例如：this.message = this._data.message

Answer 1

ustbhuangyi 2018-12-16 23:51:53

问题来了，现在你要实现你的需求，你会在源码里怎么写。
我认为它的 proxy 就是实现了把 this.xxx 指向 this._data.xxx 啊，如果不这么写，难不成还要遍历一次吗？

• 提问者 Derek_is_spartan #1

  我看到源代码中是这样的：
  if (!(key in vm)) {
       proxy(vm, `_props`, key)
  }
  我看到是对vm[key] 定义了一个访问器属性的代理对象，为什么不直接vm[key] = data[key]呢？
  
  看到了@weixin_四维_0的答案……不知道对不对

• ustbhuangyi 回复 提问者 Derek_is_spartan #2

  proxy 通过 Object.defineProtery，可以做到给原型去做代理，在 extend.js 中有一段代码：
  function initProps (Comp) {
    const props = Comp.options.props
    for (const key in props) {
      proxy(Comp.prototype, `_props`, key)
    }
  }
  如果你直接写的话做不到这一点喔

• 提问者 Derek_is_spartan #3

  明白了！谢谢！

点开查看后面2条评论

Answer 2

慕村2541733 2018-12-16 20:19:55

代理的主要目的是为了收集依赖和视图更新，通过object.defineproperty的get可以收集依赖，set可以触发更新，如果没有代理，这两个过程是没法完成的