Vue--》Vue中实现数据代理

亦世凡华、

于 2022-10-28 21:09:05 发布

阅读量2k

点赞数 49

分类专栏： vue开发文章标签： vue.js 前端 javascript 开发语言

本文链接：https://blog.csdn.net/qq_53123067/article/details/127569059

版权

vue开发专栏收录该内容

68 篇文章 ¥39.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了Vue中如何使用Object.defineProperty实现数据代理，探讨了数据代理的用途和好处。通过设置getter和setter，实现了对data对象属性的读取和修改。在Vue实例中，data内的属性被代理到vm对象上，使得操作更便捷。总结了Vue数据代理的基本原理和优势。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Object.defineProperty

那么在Vue中如何应用数据代理呢？

Object.defineProperty

defineProperty方法会直接在一个对象上定义一个新属性，或者修改另一个对象的现有属性，并返回此对象，通常使用 get 进行读取，用 set 进行修改。

注意：defineProperty定义的属性是不能进行枚举(不能参与遍历)的

<body>
    <script>
        let person = {
            name:'张三',
            sex:'男'
        }
        Object.defineProperty(person,'age',{
            value:18
        })
        console.log(Object.keys(person));
        console.log(person);
    </script>
</body>