主要用到的是Object.defineProperty方法(在一个对象上定义一个新属性,或者修改一个已经存在的属性)

<script src="https://cdn.jsdelivr.net/npm/vue@2.7.10/dist/vue.js"></script>
<script>
        //数据代理模版
        let obj1 = {x:1};
        let obj2 = {y:2};
        Object.defineProperty(obj2,'x',{
            //当读取obj2的x的值时,返回obj1的x的值
            get(){
                return obj1.x;
            },
            //当修改obj2的x的值时,obj1的x的值也重新赋值
            set(value){
                obj1.x = value;
            }
        })
    </script>

点赞(0) 打赏

评论列表 共有 0 条评论

暂无评论

微信小程序

微信扫一扫体验

立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部