diff --git "a/\351\273\216\347\214\256\347\220\274/weipinhui-vue" "b/\351\273\216\347\214\256\347\220\274/weipinhui-vue"
new file mode 160000
index 0000000000000000000000000000000000000000..a54d5d1abc4f8a06bba35a69a7a645640a6db006
--- /dev/null
+++ "b/\351\273\216\347\214\256\347\220\274/weipinhui-vue"
@@ -0,0 +1 @@
+Subproject commit a54d5d1abc4f8a06bba35a69a7a645640a6db006
diff --git "a/\351\273\216\347\214\256\347\220\274/\347\254\254\344\270\200\346\254\241\344\275\234\344\270\232 new vue/mo01.html" "b/\351\273\216\347\214\256\347\220\274/\347\254\254\344\270\200\346\254\241\344\275\234\344\270\232 new vue/mo01.html"
new file mode 100644
index 0000000000000000000000000000000000000000..e6606772f24725c11d3158b4ba90d7d84205931d
--- /dev/null
+++ "b/\351\273\216\347\214\256\347\220\274/\347\254\254\344\270\200\346\254\241\344\275\234\344\270\232 new vue/mo01.html"	
@@ -0,0 +1,31 @@
+<!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>Document</title>
+</head>
+<body>
+    <!-- 写一个vue的页面，把 el，与data的元素都写写 -->
+    <div id="app">
+        <div>
+            {{message}}<br>
+            {{message}}<br>
+            {{message}}<br>
+            {{message}}<br>
+        </div>
+    </div>
+    <script>
+        let vm = new Vue({
+            //el: 提供一个在页面上已存在的DOM元素作为vue实例的挂载目标
+            el:'div',
+            data:{
+                
+                message:'Hello message'
+            }
+        })
+        vm.$data.message === vm.message
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git "a/\351\273\216\347\214\256\347\220\274/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/mo01.html" "b/\351\273\216\347\214\256\347\220\274/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/mo01.html"
new file mode 100644
index 0000000000000000000000000000000000000000..f78c3b47820e9a7900ea90dae5c7a65a187ab18c
--- /dev/null
+++ "b/\351\273\216\347\214\256\347\220\274/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/mo01.html"
@@ -0,0 +1,60 @@
+<!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>Document</title>
+</head>
+<body>
+    <div id="app">
+        <!-- v-text: 设置标签的文本值，将数据绑定到标签的文本值 -->
+        <div v-text="text">goods</div>
+
+        <!-- v-html: 设置标签的innerHtml值，需要绑定包含html元素文本的数据时使用，不需要就使用v-text -->
+        <div v-html="html">html元素</div>
+
+        <!-- v-on: 绑定事件监听器，用户发生的事件，比如点击，拖拉，键盘事件等。缩写： @  例如@click -->
+        <div v-on:click="onMouseClick">鼠标单击</div>
+
+        <!-- v-if: 根据表达式的布尔值切换元素的显示与隐藏（操作dom） ,通过增删dom元素实现 -->
+        <div v-if="resulf">if 显示 </div>
+
+        <!-- v-bind:修改元素属性 如src, title, class等 ， v-bind: 属性名= 表达式-->
+        <div v-bind:disabled="dis">button</div>
+
+        <!-- v-show:与v-if一样，本质是修改元素的display属性 -->
+        <div v-show="resulf">show 显示</div>
+
+        <!-- v-model: 将表单中的数据与Vue中的数据关联起来，双向绑定作用-->
+        <input v-model="text"></input>
+
+        <!-- v-for: 根据数据生成列表结构 ,绑定数组的数据来渲染一个项目列表-->
+        <div v-for="(item,index) in name">
+            {{item}},{{index}}
+        </div>
+    </div>
+    <script>
+        let data = {
+            text: '模板语fa',
+            html: '<span>我是goods</span>',
+            resulf: false,
+            dis:false,
+            text:'小狗',
+            name:[
+                "小红帽","daibw"
+            ]
+        }
+        let vm = new Vue({
+            el: '#app',
+            data: data,
+            methods:{
+                onMouseClick: function(){
+                    alert('click')
+                }
+                
+            }
+        })
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git "a/\351\273\216\347\214\256\347\220\274/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/on\346\241\210\344\276\213.html" "b/\351\273\216\347\214\256\347\220\274/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/on\346\241\210\344\276\213.html"
new file mode 100644
index 0000000000000000000000000000000000000000..38de34d97a97d8585fb8210e9e0dfe835da3f073
--- /dev/null
+++ "b/\351\273\216\347\214\256\347\220\274/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/on\346\241\210\344\276\213.html"
@@ -0,0 +1,37 @@
+<!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>Document</title>
+    <style>
+        button{
+            color: brown;
+        }
+    </style>
+</head>
+<body>
+    <div id="app">
+        <h2>{{counter}}</h2>
+        <button @click="add">+</button>
+        <button @click="sub">-</button>
+    </div>
+    <script>
+        let app = new Vue({
+            el:"#app",
+            data:{
+                counter:0
+            },
+            methods:{
+                add(){
+                    this.counter++
+                },
+                sub(){
+                    this.counter--
+                }
+            }
+        })
+    </script>
+</body>
+</html>
\ No newline at end of file
