diff --git "a/\351\273\216\347\214\256\347\220\274/vue\344\275\234\344\270\232/\347\254\254\344\270\211\346\254\241\344\275\234\344\270\232 \346\263\250\345\206\214\351\241\265\351\235\242/mo.html" "b/\351\273\216\347\214\256\347\220\274/vue\344\275\234\344\270\232/\347\254\254\344\270\211\346\254\241\344\275\234\344\270\232 \346\263\250\345\206\214\351\241\265\351\235\242/mo.html"
new file mode 100644
index 0000000000000000000000000000000000000000..012d04cddcf5966339640f9153742fc16c8f6711
--- /dev/null
+++ "b/\351\273\216\347\214\256\347\220\274/vue\344\275\234\344\270\232/\347\254\254\344\270\211\346\254\241\344\275\234\344\270\232 \346\263\250\345\206\214\351\241\265\351\235\242/mo.html"	
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
+    <title>注册页面</title>
+    <style>
+        #app{
+            
+        }
+    </style>
+</head>
+<body>
+    <div id="app">
+        <label>手机号</label><input type="text" pattern='^(13[0-9]|14[5|7]|15[0|1|2|3|4|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$' placeholder="请输入手机号" class="input" v-model="phont"  ><br>
+      
+        <label>密码</label><input type="password" pattern="/[a-zA-Z]\w[z0-9]/" placeholder="请输入密码" class="input" v-model="paw" ><br>
+       
+        <label>确认密码</label><input type="password" pattern="/[a-zA-Z]\w[z0-9]/" placeholder="请再次确认密码" class="input" v-model="paws" ><br>
+        
+        <button id="sum" @click="click">注册</button>
+    </div>
+    <script>
+       
+     
+          let data={
+              isshow:false
+              
+           }
+        let vm =new Vue({
+        el: '#app',
+        data: data,
+        methods: {
+            sum: function() {
+                if (document.getElementById('paw').value == document.getElementById('paws').value) {
+                    window.location.href = 'user.html'
+                }
+            },
+            click: function() {
+                this.isshow = !this.isshow
+                if (this.isshow) {
+
+                }
+            }
+
+        }
+           
+        })
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git "a/\351\273\216\347\214\256\347\220\274/vue\344\275\234\344\270\232/\347\254\254\345\233\233\346\254\241\344\275\234\344\270\232/mo01.html" "b/\351\273\216\347\214\256\347\220\274/vue\344\275\234\344\270\232/\347\254\254\345\233\233\346\254\241\344\275\234\344\270\232/mo01.html"
new file mode 100644
index 0000000000000000000000000000000000000000..c486a4a7ab7ae743524aa657aa5b679e3e3dce69
--- /dev/null
+++ "b/\351\273\216\347\214\256\347\220\274/vue\344\275\234\344\270\232/\347\254\254\345\233\233\346\254\241\344\275\234\344\270\232/mo01.html"
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
+    <title>商品列表</title>
+    <style>
+        
+        #app ul{
+            display: flex;
+            flex-wrap: wrap;
+        }
+        #app li{
+            padding: 3px;
+            list-style: none;
+            border: 1px solid wheat;
+            background-color: pink;
+            margin-right: 15px;
+        }
+        #app img{
+            width: 250px;
+            height: 200px;
+        }
+    </style>
+</head>
+<body>
+    <div id="app">
+       <ul>
+           <li v-for="v in join.list" >
+               <img v-bind:src="v.src" alt="" v-on:click.once="comm">
+               <h4>{{v.mage}}</h4>
+               <p>{{v.police}}</p>
+           </li>
+       </ul> 
+    </div>
+    <script>
+        let app = new Vue({
+            el:'#app',
+            data:{
+                join:{
+                    list:[{
+                        src:'./xi.jpg',
+                        mage:'美人西瓜',
+                        police:25,
+                    }]
+                }
+            },
+            methods:{
+                    comm(){
+                        this.title='mage'
+                    
+                }
+            }
+        })
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git "a/\351\273\216\347\214\256\347\220\274/vue\344\275\234\344\270\232/\347\254\254\345\233\233\346\254\241\344\275\234\344\270\232/xi.jpg" "b/\351\273\216\347\214\256\347\220\274/vue\344\275\234\344\270\232/\347\254\254\345\233\233\346\254\241\344\275\234\344\270\232/xi.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..f344040cb482bbd9241292c1f6388b24ca9861f6
Binary files /dev/null and "b/\351\273\216\347\214\256\347\220\274/vue\344\275\234\344\270\232/\347\254\254\345\233\233\346\254\241\344\275\234\344\270\232/xi.jpg" differ
