vue从入门到精通(六):数据代理

时间:2025-04-01 11:38:01
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>方法</title> </head> <body> </body> <script type="text/javascript"> let person = { name:'张三', sex:'男' } //对对象追加属性 Object.defineProperty(person,'age',{ value:18, // enumerable:true,//控制属性是否可以枚举 默认flase // writeable:true,//控制属性是否可以被修改,默认false // configurable:true,//控制属性是否可以被删除,默认false //当有人读取person的age属性时,get函数(getter)就会被调用,且返回值就是age的值 get:function(){ return 'aaa' }, //当有人修改person的age属性时,set函数(setter)就会被调用,且收到修改的具体值 set:function(value){ console.log(value) } }) console.log(Object.keys(person)) console.log(person) </script> </html>