diff --git a/vue2-tutorials/import-script/4-理解数据代理.html b/vue2-tutorials/import-script/4-理解数据代理.html
new file mode 100644
index 0000000..a58d168
--- /dev/null
+++ 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>
\ No newline at end of file
