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 0000000000000000000000000000000000000000..151e67be82a12ffae9f7988e98d465741ae42873
--- /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
