diff --git "a/\350\201\202\350\215\243\347\247\200/2021-5-25.md" "b/\350\201\202\350\215\243\347\247\200/2021-5-25.md"
new file mode 100644
index 0000000000000000000000000000000000000000..a254e4a9761a9f185ff6b042ccb5dd4eb5c81156
--- /dev/null
+++ "b/\350\201\202\350\215\243\347\247\200/2021-5-25.md"
@@ -0,0 +1,33 @@
+# 今天开始了Vue.js的学习
+
+## 声明式渲染
+ +  将数据声明式的渲染到JS的DOM中
+```
+<body>
+    <div id="app">
+        <li>{{msg}}</li>
+    </div>
+    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
+    <script>
+        var main=new Vue({
+            el:'#app',
+            data(){
+                return {
+                    msg:"你好啊，Vue！"
+                }
+            }
+        })
+    </script>
+</body>
+```
+
+![](./img/2021-05-25_img3.png)
+
+ + <span>鼠标停滞显示的动态绑定信息,v-bind 使前端的数据和后端的实例保持一致
+
+![](./img/2021-05-25_img1.png)
+
+## 条件与循环
+ + <p v-if="see">隐藏信息,前端页面输入main.see=true显示信息
+
+![](./img/2021-05-25_img2.png)
diff --git "a/\350\201\202\350\215\243\347\247\200/2021-5-26.md" "b/\350\201\202\350\215\243\347\247\200/2021-5-26.md"
new file mode 100644
index 0000000000000000000000000000000000000000..5aa9498ead1a238c8daba8fb0e422f1f87342635
--- /dev/null
+++ "b/\350\201\202\350\215\243\347\247\200/2021-5-26.md"
@@ -0,0 +1,43 @@
+## 条件与循环
+ + v-for 绑定数组的数据渲染一个项目列表
+
+ ![](./img/2021-05-26_img1.png)
+
+## 组件化应用
+ + v-model 能轻松实现表单输入时和应用状态之间的双向绑定。
+ + computed 用来监控自己定义的变量，该变量不在data里面声明(和watch的区别)，直接在computed里面定义，然后就可以在页面上进行双向数据绑定展示出结果或者用作其他处理；
+```
+<body>
+    <div id="app">
+        <form action="">
+            <table>
+                <tr>
+                    <td><label for="">请输入名字：</label></td>
+                    <td><input type="text" v-model="formData.userName"></td>
+                </tr>
+            </table>
+        </form>
+        <label for="">{{fsl}}</label>
+    </div>
+    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
+    <script>
+        var main=new Vue({
+            el:'#app',
+            data(){
+                return {
+                    formData:{
+                        userName:''
+                    }
+                }
+            },
+            computed:{
+                fsl:function(){
+                    return `你好啊，${this.formData.userName}`
+                }
+            }
+        })
+    </script>
+</body>
+```
+
+ ![](./img/2021-05-26_img2.png)
diff --git "a/\350\201\202\350\215\243\347\247\200/img/2021-05-25_img1.png" "b/\350\201\202\350\215\243\347\247\200/img/2021-05-25_img1.png"
new file mode 100644
index 0000000000000000000000000000000000000000..cea30fd20c2b18818ecce52375ff4b3f2acb0415
Binary files /dev/null and "b/\350\201\202\350\215\243\347\247\200/img/2021-05-25_img1.png" differ
diff --git "a/\350\201\202\350\215\243\347\247\200/img/2021-05-25_img2.png" "b/\350\201\202\350\215\243\347\247\200/img/2021-05-25_img2.png"
new file mode 100644
index 0000000000000000000000000000000000000000..753c8b72dd7a9070b793e929276757e7193b7071
Binary files /dev/null and "b/\350\201\202\350\215\243\347\247\200/img/2021-05-25_img2.png" differ
diff --git "a/\350\201\202\350\215\243\347\247\200/img/2021-05-25_img3.png" "b/\350\201\202\350\215\243\347\247\200/img/2021-05-25_img3.png"
new file mode 100644
index 0000000000000000000000000000000000000000..8a61f413a71afa0d006631acc51a3fdd3c50d233
Binary files /dev/null and "b/\350\201\202\350\215\243\347\247\200/img/2021-05-25_img3.png" differ
diff --git "a/\350\201\202\350\215\243\347\247\200/img/2021-05-26_img1.png" "b/\350\201\202\350\215\243\347\247\200/img/2021-05-26_img1.png"
new file mode 100644
index 0000000000000000000000000000000000000000..79094bd320a5fe5a029181313b494347ec9436a4
Binary files /dev/null and "b/\350\201\202\350\215\243\347\247\200/img/2021-05-26_img1.png" differ
diff --git "a/\350\201\202\350\215\243\347\247\200/img/2021-05-26_img2.png" "b/\350\201\202\350\215\243\347\247\200/img/2021-05-26_img2.png"
new file mode 100644
index 0000000000000000000000000000000000000000..68f6c44e99bce832b16502083044c180e57b347b
Binary files /dev/null and "b/\350\201\202\350\215\243\347\247\200/img/2021-05-26_img2.png" differ
