Vue技术6.2何为数据代理

yitahutu79

已于 2022-08-03 14:57:03 修改

阅读量82

点赞数

分类专栏：前端文章标签： vue.js javascript ecmascript

于 2022-08-03 14:56:52 首次发布

本文链接：https://blog.csdn.net/qq_40713201/article/details/126140563

版权

前端专栏收录该内容

51 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>>
<html>
    <head>
        <mata charset="UTF-8" />
        <title>何为数据代理</title>
    </head>
    <body>
        <!-- 数据代理：通过一个对象代理对另一个对象中属性的操作（读/写）-->
        <script type="text/javascript">
            let obj = {x:100}
            let obj2 = {y:200}

            Object.defineProperty(obj2,'x',{
                get(){
                    return obj.x
                },
                set(value){
                    obj.x = value
                }
            })
        </script>
    </body>
</html>