vue添加属性 Object.defineproperty方法

最新推荐文章于 2024-10-08 10:03:30 发布

xiaoDream-

最新推荐文章于 2024-10-08 10:03:30 发布

阅读量747

点赞数

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

本文链接：https://blog.csdn.net/qq_41392076/article/details/123747194

版权

本文介绍了在Vue中如何通过Object.defineProperty方法为对象添加属性。这种方法创建的属性默认不可枚举和修改，可以通过配置参数调整。详细讲解了value、enumerable、writable、configurable以及get和set方法的用法。

摘要由CSDN通过智能技术生成

1.添加属性(--->定义变量进行添加)可以修改

代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="./js/vue.js"></script>
    <title>vue添加属性的方法</title>
</head>
<!-- 
    1.我想通过定义变量number来age的值是读取number的值
    2.声明number变量是希望改变number的值,里面age的值也会跟着改变
 -->
<body>
    <script>
        let number = 18;
        let obj = {
            name:'张三',
            sex:'男',
            age:number,
        }
        //添加属性
        // obj.age = 30
        // 更改number的值,里面age值不受影响(从上往下执行)
        console.log(obj);
    </script>

   
</body>
</html>