From 5c2a5310d35ec3c01b8b3809fc97de9b9ea13302 Mon Sep 17 00:00:00 2001
From: 1 <2776670018@qq.com>
Date: Tue, 29 Mar 2022 17:42:13 +0800
Subject: [PATCH] 1

---
 .../demo.html"                                | 62 ++++++++++++++++++
 .../demo2.html"                               | 63 +++++++++++++++++++
 2 files changed, 125 insertions(+)
 create mode 100644 "\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"
 create mode 100644 "\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"
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 0000000..7707e5c
--- /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 0000000..a38d144
--- /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
-- 
Gitee

