分类：defineProperty

2020
12-02

vue中defineProperty和Proxy的区别详解

Proxy的出现，给vue响应式带来了极大的便利，比如可以直接劫持数组、对象的改变，可以直接添加对象属性，但是兼容性可能会有些问题Proxy可以劫持的数组的改变,defineProperty需要变异defineProperty中劫持数组变化的变异的方法可以理解为在数组实例和原型之间，插入了一个新的原型的对象，这个原型方法实现了变异的方法，也就真正地拦截了数组原型上的方法我们来看下vue2.x的源码//vue2.5.0vararrayProto=Array.prototype;v... 继续阅读 >
2020
10-20

vue3为什么要用proxy替代defineProperty

在这之前，我们得先了解下vue的核心理念mutable不管是vue2还是vue3，在实现的过程中，核心概念一直保持稳定，以可变数据源为核心的理念，来实现整个UI变动更新用最简单的讲法就是：初始化数据生成了页面，直接修改源数据触发更新，页面重新渲染关注vue的人都知道，vue3里面使用了proxy替换了defineProperty，在使用vue2的时候，我们经常会碰到一个问题，添加新的对象属性obj.a=1会无法被vue2劫持，必须使用vue2提供的$set方法来... 继续阅读 >
2020
10-08

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

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