【黄啊码】关于vue中Object.defineProperty用法

代码语言：javascript复制

let number=18
let person={
    name:'张三',
    sex:'男'
}
//我们想在person中新增age属性
Object.defineProperty(person,'age',{
   value:18,
   //enumerable:true,//控制属性是否可以枚举【循环打印出来】，默认false
   //writeable:true,//控制属性是否可以被修改，默认false
   //configurable:true //控制属性是否可以被删除，默认false
   //以下是get、set的用法，用于数据代理
   get(){
     console.log('有人读取age属性了');
     return number;
   },
   set(value){
      console.log('有人修改了age属性值，且值是',value);
   }
}) 

//const vm=new Vue({ data:{} })  vm._data=data

object

0 人点赞