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 0000000000000000000000000000000000000000..7da015ac1a39c74e0f77c6d985bdd1e239f128a9
--- /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 0000000000000000000000000000000000000000..cde053e87e306b7dc48aecdd8bd294ad594e9899
--- /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:'p标签内不能嵌套p标签',
+        show:'p标签只能用于单行'
+    }
+    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 0000000000000000000000000000000000000000..645d9f3396431d6ce447a03a061cfaf80e6fc8c5
--- /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 0000000000000000000000000000000000000000..3e92aa53ab63fcf4f04b1a70da57eac578ccaba0
--- /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
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 0000000000000000000000000000000000000000..5f467bea0bdec0842dbebf022f05b8cdb76179ef
--- /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
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 0000000000000000000000000000000000000000..a4a70cd5f1e3139745468b7aaad3d314f45d2d1c
--- /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 0000000000000000000000000000000000000000..dea4939e0dbf1e031b7961d3a1859ea4a6545f7d
--- /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

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