vue.js代码016

最新推荐文章于 2024-04-28 18:24:28 发布

虾米大王

最新推荐文章于 2024-04-28 18:24:28 发布

阅读量35

点赞数

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

本文链接：https://blog.csdn.net/modern358/article/details/129131398

版权

Vue 专栏收录该内容

661 篇文章 3 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="../js/vue.js"></script>
</head>
<body>
<script type="text/javascript">
    Vue.config.productionTip= false;

    let number = 18;
    let person = {
        name:'张三',
        sex: '男',
    };

    Object.defineProperty(person,'age',{
        //value:18,
        //enumerable : true, //属性可以被枚举
        //writable :true, //属性可编辑
        //configurable: true,// 属性可删除

        //当有人读取person对象的age属性时，调用此函数，
        get:function () {
            console.log('有人读取age属性了');
            return number;
        },

        set(value){
            console.log('有人设置了age属性');
            number = value;
        }
    });

    console.log(Object.keys(person));

    console.log(person);
</script>
</body>
</html>