defineProperty

最新推荐文章于 2019-10-22 10:53:57 发布

xieting153

最新推荐文章于 2019-10-22 10:53:57 发布

阅读量129

点赞数

分类专栏： vue 前端文章标签： vue组件

本文链接：https://blog.csdn.net/xieting153/article/details/82748619

版权

前端同时被 2 个专栏收录

20 篇文章 0 订阅

订阅专栏

vue

8 篇文章 0 订阅

订阅专栏

数据双向绑定 劫持各个属性的getting setting.
在数据变动时发布消息给订阅者，触发相应的监听
Object.defineProperty(obj,'name',{
     // value:'珠峰', // 对应的value值
     // enumerable:true, // 可枚举， 默认是 false
     // writable:true, // 是否可写
     // configurable:true // 是否可删除
     get(){ // 当这个属性被获取的时候会触发这个get
         // console.log('get');
         return temp['name'];
         // return 123; //获取这个属性时，给外界的value值
     },
     set(val){ // 当我们给这个属性赋值时 会触发这个set
         // console.log(val);
         // console.log('set');
         // obj.name = val;
         div1.innerHTML = val;
         temp['name'] = val;
     }
 });