123456789101112131415161718192021222324252627282930313233343536373839404142434445464748 |
- <!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">
- </div>
- <script src="./vue.js"></script>
- <script>
- let num = 10;
- let obj = {
- name: '小明',
- sex: '男'
- }
- // target 代理的目标对象
- // name 代理/监听 对象属性
- // property 执行的代码块
- // getter / setter
- Object.defineProperty(obj,'age',{
- get() {
- console.log("读取");
- return num;
- },
- set(value) {
- console.log("写入")
- num = value
- }
- })
- console.log(obj.age)
- obj.age = 20;
- console.log(obj)
- // var vm = new Vue({
- // el: "#app",
- // data: {
- // msg: "哈哈哈"
- // }
- // })
- </script>
- </body>
- </html>
|