lovecoding
/
web0715


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="app">
        <!-- 数据代理：
            Object.defineProperty()
            通过一个对象可以去代理另一个对象  并且可以修改其属性 
        -->
    </div>
    <script src="./vue.js"></script>
    <script>
        // var app = new Vue({
            

        // }).$mount("#app")
        let obj1 = {
            name:"孙悟空",
            age: 10,
            sex: '男'
        }
        //Object.defineProperty(代理对象，属性,{value:新的值})
        // Object.defineProperty(obj1,"name",{
        //     value:"猪八戒"
        // })
        // Object.defineProperty(obj1,"age",{
        //     value:33
        // })
        let num= 20;
        Object.defineProperty(obj1,'age',{
            get() {
                console.log("读取")
                return num;
            },
            set(value) {
                console.log(value,"设置");
                num = value;
            }
        })
        console.log(obj1)
    </script>
</body>
</html>