分类：数据双向绑定

2020
10-08

理解Proxy及使用Proxy实现vue数据双向绑定操作

1.什么是Proxy？它的作用是？据阮一峰文章介绍：Proxy可以理解成，在目标对象之前架设一层"拦截"，当外界对该对象访问的时候，都必须经过这层拦截，而Proxy就充当了这种机制，类似于代理的含义，它可以对外界访问对象之前进行过滤和改写该对象。如果对vue2.xx了解或看过源码的人都知道，vue2.xx中使用Object.defineProperty()方法对该对象通过递归+遍历的方式来实现对数据的监控的，具体了解Object.defineProperty可以看我上一... 继续阅读 >

2020
10-08

详谈Object.defineProperty 及实现数据双向绑定

Object.defineProperty()和Proxy对象，都可以用来对数据的劫持操作。何为数据劫持呢？就是在我们访问或者修改某个对象的某个属性的时候，通过一段代码进行拦截行为，然后进行额外的操作，然后返回结果。那么vue中双向数据绑定就是一个典型的应用。Vue2.x是使用Object.defindProperty()，来进行对对象的监听的。Vue3.x版本之后就改用Proxy进行实现的。下面我们先来理解下Object.defineProperty作用。一:理解Object.definePro... 继续阅读 >