黑龙江微信网站开发,郑州热门网络推广免费咨询,邯郸房产网最新楼盘,购物商城名字大全Object.defineProperty 是vue中双向绑定的基础。vue是通过数据劫持的方式来做数据绑定的#xff0c;最核心的方法是通过 Object.defineProperty()方法来实现对属性的劫持#xff0c;达到能监听到数据的变动。要实现数据的双向绑定#xff0c; 当使用存取器描述属性的特性的时…Object.defineProperty 是vue中双向绑定的基础。vue是通过数据劫持的方式来做数据绑定的最核心的方法是通过 Object.defineProperty()方法来实现对属性的劫持达到能监听到数据的变动。要实现数据的双向绑定 当使用存取器描述属性的特性的时候允许设置以下特性属性 var obj {};
Object.defineProperty(obj,newKey,{get:function (){} | undefined, set:function (value){} | undefined configurable: true | false enumerable: true | false });value: 设置属性的值writable: 值是否可以重写。true | falseenumerable: 目标属性是否可以被枚举。true | falseconfigurable: 目标属性是否可以被删除或是否可以再次修改特性 true | false 注意当使用了getter或setter方法不允许使用writable和value这两个属性 getter/setter 当设置或获取对象的某个属性的值的时候可以提供getter/setter方法。 getter 是一种获得属性值的方法 setter是一种设置属性值的方法。 在特性中使用get/set属性来定义对应的方法。 示例 var obj {};
var initValue hello;
Object.defineProperty(obj,newKey,{get:function (){//当获取值的时候触发的函数return initValue; },set:function (value){//当设置值的时候触发的函数,设置的新值通过参数value拿到initValue value;}
});
//获取值
console.log( obj.newKey ); //hello//设置值
obj.newKey change value;console.log( obj.newKey ); //change value View Code https://segmentfault.com/a/1190000007434923 http://www.cnblogs.com/tugenhua0707/p/7589602.html转载于:https://www.cnblogs.com/m7777/p/7865833.html
