From 04ebe6bcde8c0c76e2fd5b5c6f4baab746e368ab Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=BB=BA=E8=8D=A3?= <1127253677@qq.com>
Date: Mon, 28 Mar 2022 11:27:21 +0800
Subject: [PATCH 1/4] =?UTF-8?q?=E4=BD=9C=E4=B8=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../20220328/Data.js"                         |  5 ++++
 .../20220328/clome.html"                      | 29 +++++++++++++++++++
 .../20220328/vue2.html"                       | 23 +++++++++++++++
 .../20220328/wodm.js"                         | 10 +++++++
 4 files changed, 67 insertions(+)
 create mode 100644 "\351\231\210\345\273\272\350\215\243/20220328/Data.js"
 create mode 100644 "\351\231\210\345\273\272\350\215\243/20220328/clome.html"
 create mode 100644 "\351\231\210\345\273\272\350\215\243/20220328/vue2.html"
 create mode 100644 "\351\231\210\345\273\272\350\215\243/20220328/wodm.js"
diff --git "a/\351\231\210\345\273\272\350\215\243/20220328/Data.js" "b/\351\231\210\345\273\272\350\215\243/20220328/Data.js"
new file mode 100644
index 0000000..7da015a
--- /dev/null
+++ "b/\351\231\210\345\273\272\350\215\243/20220328/Data.js"
@@ -0,0 +1,5 @@
+let data = {
+    message:'advantage',
+    show:'showtime'
+}
+// module.exports=Data;
\ No newline at end of file
diff --git "a/\351\231\210\345\273\272\350\215\243/20220328/clome.html" "b/\351\231\210\345\273\272\350\215\243/20220328/clome.html"
new file mode 100644
index 0000000..b7075b5
--- /dev/null
+++ "b/\351\231\210\345\273\272\350\215\243/20220328/clome.html"
@@ -0,0 +1,29 @@
+<!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>
+    <div>
+    <p>{{show}}</p>
+</div>
+</body>
+<script>
+    let data={
+        message:'advanrag',
+        show:'showtime'
+    }
+    let vm =new Vue({
+        el:'p',
+        'data':data
+    })
+    vm.$watch('message',function(val1,val2){
+        console.log(val1);
+        console.log(val2);
+    });
+    
+</script>
+</html>
\ No newline at end of file
diff --git "a/\351\231\210\345\273\272\350\215\243/20220328/vue2.html" "b/\351\231\210\345\273\272\350\215\243/20220328/vue2.html"
new file mode 100644
index 0000000..645d9f3
--- /dev/null
+++ "b/\351\231\210\345\273\272\350\215\243/20220328/vue2.html"
@@ -0,0 +1,23 @@
+<!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>
+    <div>{{message}}</div>
+    <p></p>
+</body><script src="./Data.js"></script>
+<script src="./wodm.js"></script>
+<script>
+//    let vue1= require('./vue1.js');
+
+    // let nor = new Vue({
+    //     el:'div',
+    //     'data':con.data
+    // })
+
+</script>
+</html>
\ No newline at end of file
diff --git "a/\351\231\210\345\273\272\350\215\243/20220328/wodm.js" "b/\351\231\210\345\273\272\350\215\243/20220328/wodm.js"
new file mode 100644
index 0000000..3e92aa5
--- /dev/null
+++ "b/\351\231\210\345\273\272\350\215\243/20220328/wodm.js"
@@ -0,0 +1,10 @@
+// let con = require('./Data');
+// import Data from './Data';
+let nor = new Vue({
+    el:'div',
+    'data':data
+});
+// nor.$wotch('message',function(val1,val2){
+//     console.log(val1);
+//     console.log(val2);
+// })
\ No newline at end of file
-- 
Gitee


From 14f06d5dc3b8197b18ed5feea729a74e93e7784b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=BB=BA=E8=8D=A3?= <1127253677@qq.com>
Date: Tue, 29 Mar 2022 01:40:08 +0000
Subject: [PATCH 2/4] =?UTF-8?q?update=20=E9=99=88=E5=BB=BA=E8=8D=A3/202203?=
 =?UTF-8?q?28/clome.html.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 "\351\231\210\345\273\272\350\215\243/20220328/clome.html" | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git "a/\351\231\210\345\273\272\350\215\243/20220328/clome.html" "b/\351\231\210\345\273\272\350\215\243/20220328/clome.html"
index b7075b5..cde053e 100644
--- "a/\351\231\210\345\273\272\350\215\243/20220328/clome.html"
+++ "b/\351\231\210\345\273\272\350\215\243/20220328/clome.html"
@@ -13,8 +13,8 @@
 </body>
 <script>
     let data={
-        message:'advanrag',
-        show:'showtime'
+        message:'p标签内不能嵌套p标签',
+        show:'p标签只能用于单行'
     }
     let vm =new Vue({
         el:'p',
-- 
Gitee


From bd451fc9e9c0f40f54505699d2d8a86be697a39f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=BB=BA=E8=8D=A3?= <1127253677@qq.com>
Date: Wed, 30 Mar 2022 17:37:12 +0800
Subject: [PATCH 3/4] =?UTF-8?q?=E4=BD=9C=E4=B8=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../20220330/index.html"                      | 66 +++++++++++++++++++
 1 file changed, 66 insertions(+)
 create mode 100644 "\351\231\210\345\273\272\350\215\243/20220330/index.html"

diff --git "a/\351\231\210\345\273\272\350\215\243/20220330/index.html" "b/\351\231\210\345\273\272\350\215\243/20220330/index.html"
new file mode 100644
index 0000000..5f467be
--- /dev/null
+++ "b/\351\231\210\345\273\272\350\215\243/20220330/index.html"
@@ -0,0 +1,66 @@
+<!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>
+    <style>
+        body{
+            background-color: rgba(0, 100, 0, 0.651);
+        }
+        #main{
+            margin: auto 500px;
+            padding: 0;
+        }
+        #main>div{
+            width: 300px;
+            height: 60px;
+            background-color: antiquewhite;
+            margin: 30px;
+            border-radius: 3px;
+            text-align: center;
+        }
+        button{
+            width: 50px;
+            height: 33px;
+            border-radius: 3px;
+            margin-left: 130px;
+            margin-top: 30px;
+        }
+        p{
+            color: darkgrey;
+        }
+    </style>
+</head>
+<body>
+    <div id="main">
+        <div>{{message}}<p>{{}}方法</p></div>
+        <div v-if='no1'>这是我的if:no1<p>v-if</p></div>
+        <div v-else='no1'>这是我的else:no1<p>v-else</p></div>
+        <div v-bind:attr='attr'>这是我的自定义属性<p>v-bind</p></div>
+        <div v-bind:id='id1'>这是我绑定id<p>v-bind</p></div>
+        <div v-show='isshow'>展示<p>v-show</p></div>
+        <div v-show='noshow'>不展示<p>v-show</p></div>
+        <div v-html="html"></div>
+        <button v-on:click='func'>按钮</button>
+    </div>
+</body>
+<script>
+    let vue =new Vue({
+        el:'#main',
+        data:{
+            message:'this is message',
+            no1:true,
+            attr:true,
+            id:'id1',
+            isshow:true,
+            noshow:false,
+            func:function(){
+                alert("提交成功")
+            },
+            html:'这是我的HTML<p>v-html</p>'
+        }
+    })
+</script>
+</html>
\ No newline at end of file
-- 
Gitee


From e2a462d4c39273a4432d3b7e17ae605b601cdbd1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=BB=BA=E8=8D=A3?= <1127253677@qq.com>
Date: Thu, 31 Mar 2022 15:34:27 +0800
Subject: [PATCH 4/4] zuoye

---
 .../20220331/erroler.html"                    | 79 +++++++++++++++++++
 .../20220331/mode.css"                        | 23 ++++++
 2 files changed, 102 insertions(+)
 create mode 100644 "\351\231\210\345\273\272\350\215\243/20220331/erroler.html"
 create mode 100644 "\351\231\210\345\273\272\350\215\243/20220331/mode.css"

diff --git "a/\351\231\210\345\273\272\350\215\243/20220331/erroler.html" "b/\351\231\210\345\273\272\350\215\243/20220331/erroler.html"
new file mode 100644
index 0000000..a4a70cd
--- /dev/null
+++ "b/\351\231\210\345\273\272\350\215\243/20220331/erroler.html"
@@ -0,0 +1,79 @@
+<!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.6.14/dist/vue.js"></script>
+    <link rel="stylesheet" href="./mode.css">
+</head>
+<body>
+    <div id="contain" :class="model1">
+    <form action="" method="POST">
+        <table>
+            <tr>
+                <td>手机号：</td>
+                <td><input type="text" name="user" :class="one1" @keypress="mobile"></td>
+                <td><span v-show="v1">请输入正确的手机号</span></td>
+            </tr>
+            <tr>
+                <td>密  码：</td>
+                <td><input type="password" name="password" :class="one1"></td>
+                <td><span v-show="v2">你输入的密码不符合</span></td>
+            </tr>
+            <tr> 
+                <td>确认密码：</td>
+                <td><input type="password" name="repassword" :class="one1"></td> 
+                <td><span v-show="v3()">你输入的密码与上一次不一致</span></td>
+            </tr>
+            <tr>
+                <td></td>
+                <td><input type="submit"></td>
+                <td></td>
+            </tr>
+         </table>
+    
+    </form>
+</div>
+</body>
+<script>
+    let nul=[];
+    let numw=[];
+    let vue =new Vue({
+        el:'#contain',
+        data:{
+            model1:'',
+            one1:'inp1',
+            v1:false,
+            v2:false,
+           
+
+        },
+        methods:{
+            // v1:function(){
+            //     return false;
+            // }
+            mobile:function(val){
+                // console.log(val.key);
+                
+                nul.push(val.key);   
+                // nul.toString().split(2)=num;
+                // numw=parseInt(nul.join(''));
+                numw=nul.join('');
+                console.log(numw.NaN);
+                if(numw== NaN){
+                    this.v1=true;
+                }else{
+                    this.v1=false;
+                }
+                console.log(numw);
+                // if(){
+                // }
+            },
+            v3:function(){
+                return false;
+            }
+        }
+    })
+</script>
+</html>
\ No newline at end of file
diff --git "a/\351\231\210\345\273\272\350\215\243/20220331/mode.css" "b/\351\231\210\345\273\272\350\215\243/20220331/mode.css"
new file mode 100644
index 0000000..dea4939
--- /dev/null
+++ "b/\351\231\210\345\273\272\350\215\243/20220331/mode.css"
@@ -0,0 +1,23 @@
+body{
+    background-color: rgba(0, 129, 0, 0.623);
+}
+#contain{
+    margin: 15% 30% 15% 30%;
+    padding: 0;
+    
+}
+form{
+    width: 500px;
+    height: 300px;
+    background-color: antiquewhite;
+}
+tr{
+    line-height: 60px;
+}
+
+.inp1{
+    background-color: antiquewhite;
+    border: none;
+    border-bottom: 2px solid black;
+    
+}
\ No newline at end of file
-- 
Gitee


手机号：		请输入正确的手机号
密码：		你输入的密码不符合
确认密码：		你输入的密码与上一次不一致