<head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="..."/>

简单模拟 vue 检测数据变化的方法

7,534次阅读
没有评论

<!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">
    <title> 简单模拟 vue 检测数据变化 </title>
</head>
<!-- 这样就能在给 a.name 赋值时自动触发 set 里的代码执行了 -->

<body>
    <script>
        let a = {
            name: '张三',
            age: 18
        };
        let b = { };
        Object.defineProperty(a, 'name', {get() {console.log('获取 name 属性');
                return b.name;
            },
            set(val) {
                // 与 C# 属性相同功能
                console.log('设置 name 属性');
                b.name = val;
            }
        })
    </script>
</body>

</html>

正文完
 0
松鼠
版权声明:本站原创文章,由 松鼠 于 2021-12-22 发表,共计 449 字。
转载说明:除特殊说明外本站文章皆由 CC-4.0 协议发布,转载请注明出处。
评论 (没有评论)
验证码