✨ 理解数据代理

2025-06-14 17:13:25 +08:00 · 2025-06-14 17:13:25 +08:00 · afd04a456b
parent 0df9decdd5
commit afd04a456b
1 changed files with 28 additions and 0 deletions
--- a/vue2-tutorials/import-script/4-理解数据代理.html
+++ b/vue2-tutorials/import-script/4-理解数据代理.html
@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>理解数据代理</title>
+</head>
+
+<body>
+
+</body>
+
+<script>
+    let obj1 = { x: 100 }
+    let obj2 = { y: 200 }
+
+    Object.defineProperty(obj2, "x", {
+        get() {
+            return obj1.x
+        },
+        set(value) {
+            obj1.x = value
+        }
+    })
+</script>
+
+</html>