From 4fd61ac9c919d237c8df308ac1ced54cd56ae370 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E5=87=A4=E6=AC=A3?= <2111290549@qq.com>
Date: Tue, 29 Mar 2022 17:36:02 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BD=9C=E4=B8=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../firstvue.html"                            | 40 +++++++++++++++++++
 1 file changed, 40 insertions(+)
 create mode 100644 "\347\216\213\345\207\244\346\254\243/2022.03.29-vue\344\275\234\344\270\232/firstvue.html"
diff --git "a/\347\216\213\345\207\244\346\254\243/2022.03.29-vue\344\275\234\344\270\232/firstvue.html" "b/\347\216\213\345\207\244\346\254\243/2022.03.29-vue\344\275\234\344\270\232/firstvue.html"
new file mode 100644
index 0000000..151e67b
--- /dev/null
+++ "b/\347\216\213\345\207\244\346\254\243/2022.03.29-vue\344\275\234\344\270\232/firstvue.html"
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
+</head>
+<body>
+    <!--  作业：写一个vue的页面，把 el，与data的元素都写写，有兴趣的可以看看源码 -->
+    <div id="el">
+        {{message}}<br>
+        {{show}}
+    </div>
+
+</body>
+<script>
+    let vm =new Vue({
+        el:"#el",
+        data:{
+            message:'hello vue',
+            show:'show vue',
+            muilt:{
+                msg:'muilt'
+            }
+        }
+    });
+    console.log(vm.$el);
+    
+    console.log(document.getElementById("el"));
+    console.log(vm.$el===document.getElementById("el"));
+
+    console.log(vm.message);
+    console.log(vm.$data.message);
+
+    vm.$watch('message',function(newVlaue,oldValue){
+        console.log(newValue,oldValue);
+    })
+</script>
+</html>
\ No newline at end of file
-- 
Gitee

