diff --git "a/\351\231\210\351\233\204\350\276\211\357\274\210vue\357\274\211/vue3.29\344\270\223\344\270\232\350\257\276/demo.html" "b/\351\231\210\351\233\204\350\276\211\357\274\210vue\357\274\211/vue3.29\344\270\223\344\270\232\350\257\276/demo.html"
new file mode 100644
index 0000000000000000000000000000000000000000..7707e5c0aaafe8abec06f98b46cf95d6ca312496
--- /dev/null
+++ "b/\351\231\210\351\233\204\350\276\211\357\274\210vue\357\274\211/vue3.29\344\270\223\344\270\232\350\257\276/demo.html"
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>vue</title>
+    <script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
+</head>
+<body>
+    <div class="app">
+        {{message}}
+
+    </div>
+    <div>---------------------------</div>
+    <div class="app-02">
+        <span v-bind:title="message"> 
+            鼠标悬停几秒钟查看此处动态绑定的提示信息！
+        </span>
+    </div>
+    <div>---------------------------</div>
+    <div class="app-03">
+        <p v-if="seen">好久不见！！！</p>
+    </div>
+    <div>---------------------------</div>
+    <div class="app-04">
+        <p>{{message}}</p>
+        <button v-on:click="reverseMessage">反转消息</button>
+    </div>
+</body>
+<script>
+    let app = new Vue({
+        el:'.app',
+        data:{
+            message:'hello vue!'
+        }
+    })
+    let app2 = new Vue({
+        el:'.app-02',
+        data:{
+            message:'页面加载于' + new Date().toLocaleString()
+        }
+    })
+    let app3 = new Vue({
+        el:'.app-03',
+        data:{
+            seen:"true"
+        }
+    })
+    let app4 = new Vue({
+        el:'.app-04',
+        data:{
+            message:'hello vue!'
+        },
+        methods:{
+            reverseMessage:function(){
+                this.message = this.message.split('').reverse().join('')
+            
+        }
+    }   
+    })
+</script>
+</html>
\ No newline at end of file
diff --git "a/\351\231\210\351\233\204\350\276\211\357\274\210vue\357\274\211/vue3.29\344\270\223\344\270\232\350\257\276/demo2.html" "b/\351\231\210\351\233\204\350\276\211\357\274\210vue\357\274\211/vue3.29\344\270\223\344\270\232\350\257\276/demo2.html"
new file mode 100644
index 0000000000000000000000000000000000000000..a38d14434cfb94a8b9113675d73f8c102de4c34b
--- /dev/null
+++ "b/\351\231\210\351\233\204\350\276\211\357\274\210vue\357\274\211/vue3.29\344\270\223\344\270\232\350\257\276/demo2.html"
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>vue</title>
+    <script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
+</head>
+<body>
+    <div class="Big">
+        <div class="app">
+        {{message}} 
+     </div>
+    <div>---------------------------</div>
+    <div class="app-02">
+        <span v-bind:title="message"> 
+            鼠标悬停几秒钟查看此处动态绑定的提示信息！
+        </span>
+    </div>
+    <div>---------------------------</div>
+    <div class="app-03">
+        <p v-if="seen">好久不见！！！</p>
+    </div>
+    <div>---------------------------</div>
+    <div class="app-04">
+        <p>{{message}}</p>
+        <button v-on:click="reverseMessage">反转消息</button>
+    </div>
+</div>
+</body>
+<script>
+    let Big = new Vue({
+        el:'.div',
+        data:{
+            message:'hello ccc!'
+        }
+    })
+    // let app2 = new Vue({
+    //     el:'.app-02',
+    //     data:{
+    //         message:'页面加载于' + new Date().toLocaleString()
+    //     }
+    // })
+    // let app3 = new Vue({
+    //     el:'.app-03',
+    //     data:{
+    //         seen:"true"
+    //     }
+    // })
+    // let app4 = new Vue({
+    //     el:'.app-04',
+    //     data:{
+    //         message:'hello vue!'
+    //     },
+    //     methods:{
+    //         reverseMessage:function(){
+    //             this.message = this.message.split('').reverse().join('')
+            
+    //     }
+    // }   
+    // })
+</script>
+</html>
\ No newline at end of file
