diff --git "a/\346\236\227\350\267\203\345\275\254/2021-5-25.md" "b/\346\236\227\350\267\203\345\275\254/2021-5-25.md"
new file mode 100644
index 0000000000000000000000000000000000000000..1c96bdcdbe2640df8958f9df3ed023a1a9841467
--- /dev/null
+++ "b/\346\236\227\350\267\203\345\275\254/2021-5-25.md"
@@ -0,0 +1,38 @@
+## Vue.js
++ 声明式渲染 
+```
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <div id="app">
+        {{msg}}
+    </div>
+    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
+    <script>
+        lVue({
+            el:"#app",
+            data(){
+                return{
+                    msg:'hahahaha'
+                }
+            }
+        })
+    </script>
+</body>
+</html>
+```
+![a](./img/2021-05-25_1.png)
+
+![a](./img/2021-05-25_2.png)
+
+![a](./img/2021-05-25_3.png)
+
+![a](./img/2021-05-25_4.png)
+
+![a](./img/2021-05-25_5.png)
+
diff --git "a/\346\236\227\350\267\203\345\275\254/2021-5-26.md" "b/\346\236\227\350\267\203\345\275\254/2021-5-26.md"
new file mode 100644
index 0000000000000000000000000000000000000000..e9667df34107a98cd209083f389b606171341fe4
--- /dev/null
+++ "b/\346\236\227\350\267\203\345\275\254/2021-5-26.md"
@@ -0,0 +1,61 @@
+## 列表渲染
+
+```
+运行输出 hahahahah 控制台运行app.bb=flase 则输出 aaa
+<body>
+    <div id="app">
+        <span v-if="bb" title="kkk">
+            hahahah
+        </span>
+        <span v-else title="lll">
+            aaa
+        </span>
+
+
+
+    </div> 
+     <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>
+    <script>
+        let app=new Vue({
+            el:'#app',
+            data(){
+                return{
+                    bb:true
+                }
+            }
+        })
+    </script>
+```
++ 列表渲染
+```
+<body>
+    <div id="app">
+       <ul>
+           <li v-for="item in toDos">{{item.taskName}}</li>
+       </ul>
+    
+    </div> 
+     <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>
+    <script>
+        let app=new Vue({
+            el:'#app',
+            data(){
+                return{
+                    toDos:[
+                        {taskName:'qqqqq'},
+                        
+                        {taskName:'wwwww'},
+                        
+                        {taskName:'eeeee'},
+                        
+                        {taskName:'rrrrr'},
+                    ]
+                }
+            }
+        })
+    </script>
+```
+结果：
+
+
+  ![a](./img/2021-05-26_1.png)
\ No newline at end of file
diff --git "a/\346\236\227\350\267\203\345\275\254/2021-5-28.md" "b/\346\236\227\350\267\203\345\275\254/2021-5-28.md"
new file mode 100644
index 0000000000000000000000000000000000000000..885e4265572b8bdba64e84e686e10a219623477c
--- /dev/null
+++ "b/\346\236\227\350\267\203\345\275\254/2021-5-28.md"
@@ -0,0 +1,65 @@
+## Vue实例
++ 下面这两种方法显示的效果是一样的 都是aaaaa
+```
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <div id="app">
+        {{sing}}
+    </div>
+
+    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>
+    <script>
+       
+        let app=new Vue({
+            el:'#app',
+            data:{
+                sing:'aaaaaaaa'
+            }
+        })
+
+    </script>
+</body>
+</html>
+```
+
+```
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <div id="app">
+        {{sing}}
+    </div>
+
+    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>
+    <script>
+       
+        let data={
+            sing:'aaaaaaa'
+        }
+
+
+        let app=new Vue({
+            el:'#app',
+            data:data
+            //第一个data是属性
+            //第二个data是实例
+        })
+
+    </script>
+</body>
+</html>
+```
++ 可以在控制台直接修改
+ ![a](./img/2021-05-28_1.png)
+
diff --git "a/\346\236\227\350\267\203\345\275\254/2021-5-29.md" "b/\346\236\227\350\267\203\345\275\254/2021-5-29.md"
new file mode 100644
index 0000000000000000000000000000000000000000..117806cb84a013df19bc7f63b5463b9449bcf096
--- /dev/null
+++ "b/\346\236\227\350\267\203\345\275\254/2021-5-29.md"
@@ -0,0 +1,80 @@
+## 模板语法
+### 插值
++ v-html 
+![a](./img/2021-05-29_1.png)
+
++ Attribute
++ 按钮
+```
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+<div id="app">
+
+
+<button v-bind:disabled="isButtonDisabled">qqqqqqqqqqqq</button>
+</div>
+
+
+<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>
+<script>
+let app=new Vue({
+    el:'#app',
+    data:{
+        rawhtml:'<h1>hhhhh</h1>',
+        isButtonDisabled=true
+    }
+})
+
+</script>    
+</body>
+</html>
+```
+### 指令
+#### 动态参数
+```
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+<div id="app">
+
+
+第{{msg}}次点击
+<input type="button" v-on:click="btnClick" value="按钮">
+</div>
+
+
+<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>
+<script>
+let app=new Vue({
+    el:'#app',
+    data:{
+        url:'http://baidu.com',
+        msg:0,
+        "param":'href',
+        parmArr:['a','s','d','f','g']
+    },
+    methods:{
+        btnClick:function(){
+            let rnd=Math.floor(Math.random() * this.parmArr.length);
+            console.log(rnd);
+            this.msg+=1
+            this.param=this.parmArr[rnd]
+        }
+    }
+})
+
+</script>    
+</body>
+</html>
+```
\ No newline at end of file
diff --git "a/\346\236\227\350\267\203\345\275\254/2021-6-1.md" "b/\346\236\227\350\267\203\345\275\254/2021-6-1.md"
new file mode 100644
index 0000000000000000000000000000000000000000..f68f77f0a49786cbeba1aec723e6cde91ae0bb28
--- /dev/null
+++ "b/\346\236\227\350\267\203\345\275\254/2021-6-1.md"
@@ -0,0 +1,145 @@
+## Class 与 Style 绑定
+#### class
++ 
+```
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <style>
+        .a{
+            color: red;
+        }
+        .b{
+            background-color: blue;
+        }
+    </style>
+</head>
+<body>
+    <div id="app">
+        <span :class="colora">
+            哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
+        </span>
+    </div>
+
+    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
+    <script>
+        let app=new Vue({
+            el:'#app',
+            data:{
+                colora:{
+                    a:true,
+                    b:false
+                }
+            }
+        })
+    </script>
+</body>
+</html>
+```
+
+效果：
+ ![a](./img/2021-06-01_1.png) 
+ 
+ ![a](./img/2021-06-01_2.png)
+
+ #### 数组语法
+ ```
+ <!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <!-- <style>
+        .a {
+            color: red;
+        }
+
+        .b {
+            background-color: blue;
+        }
+    </style> -->
+</head>
+
+<body>
+    <div id="app">
+        <span :class="list">
+qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq
+    </span>
+    </div>
+    
+
+    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
+    <script>
+        let app = new Vue({
+            el: '#app',
+            data: {
+                isActive: true,
+                error: null, 
+                list:['qqqqqq','wwwwww']
+            }
+           
+            
+            
+        }
+        )
+    </script>
+</body>
+
+</html>
+```
+效果：
+ ![a](./img/2021-06-01_3.png)
+
+
+#### 对象语法
+```
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <!-- <style>
+        .a {
+            color: red;
+        }
+
+        .b {
+            background-color: blue;
+        }
+    </style> -->
+</head>
+
+<body>
+    <div id="app" v-bind:style="styleObject">qqqqqqq</div>
+    
+
+    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
+    <script>
+        let app = new Vue({
+            el: '#app',
+            data: {
+                isActive: true,
+                error: null, 
+                styleObject:{
+                    color:'blue',
+                    fontSize:'50px'
+                }
+            }
+           
+            
+            
+        }
+        )
+    </script>
+</body>
+
+</html>
+```
+ ![a](./img/2021-06-01_4.png)
diff --git "a/\346\236\227\350\267\203\345\275\254/img/2021-05-12_170405.png" "b/\346\236\227\350\267\203\345\275\254/img/2021-05-12_170405.png"
new file mode 100644
index 0000000000000000000000000000000000000000..9423c84d828c9a28ee980100b220e2dd9223426d
Binary files /dev/null and "b/\346\236\227\350\267\203\345\275\254/img/2021-05-12_170405.png" differ
diff --git "a/\346\236\227\350\267\203\345\275\254/img/2021-05-12_2.png" "b/\346\236\227\350\267\203\345\275\254/img/2021-05-12_2.png"
new file mode 100644
index 0000000000000000000000000000000000000000..d1bc525828947990379e5d496a478a70c9999b72
Binary files /dev/null and "b/\346\236\227\350\267\203\345\275\254/img/2021-05-12_2.png" differ
diff --git "a/\346\236\227\350\267\203\345\275\254/img/2021-05-12_3.png" "b/\346\236\227\350\267\203\345\275\254/img/2021-05-12_3.png"
new file mode 100644
index 0000000000000000000000000000000000000000..94326dd77afae5aecc64f004c3c07aaf02f7f4de
Binary files /dev/null and "b/\346\236\227\350\267\203\345\275\254/img/2021-05-12_3.png" differ
diff --git "a/\346\236\227\350\267\203\345\275\254/img/2021-05-12_4.png" "b/\346\236\227\350\267\203\345\275\254/img/2021-05-12_4.png"
new file mode 100644
index 0000000000000000000000000000000000000000..f4c862014e123d68c9c4f3c8d4cf766412f91b7b
Binary files /dev/null and "b/\346\236\227\350\267\203\345\275\254/img/2021-05-12_4.png" differ
diff --git "a/\346\236\227\350\267\203\345\275\254/img/2021-05-12_5.png" "b/\346\236\227\350\267\203\345\275\254/img/2021-05-12_5.png"
new file mode 100644
index 0000000000000000000000000000000000000000..33c511222d0c7d09f17b957fc729d885cc3f0bcf
Binary files /dev/null and "b/\346\236\227\350\267\203\345\275\254/img/2021-05-12_5.png" differ
diff --git "a/\346\236\227\350\267\203\345\275\254/img/2021-05-17_1.png" "b/\346\236\227\350\267\203\345\275\254/img/2021-05-17_1.png"
new file mode 100644
index 0000000000000000000000000000000000000000..929faeb983b5c83487919ccb80d65fab8b833674
Binary files /dev/null and "b/\346\236\227\350\267\203\345\275\254/img/2021-05-17_1.png" differ
diff --git "a/\346\236\227\350\267\203\345\275\254/img/2021-05-17_2.png" "b/\346\236\227\350\267\203\345\275\254/img/2021-05-17_2.png"
new file mode 100644
index 0000000000000000000000000000000000000000..bfdb682ea5fb0f482453fa1f4d2bbc40cd88579f
Binary files /dev/null and "b/\346\236\227\350\267\203\345\275\254/img/2021-05-17_2.png" differ
diff --git "a/\346\236\227\350\267\203\345\275\254/img/2021-05-17_3.png" "b/\346\236\227\350\267\203\345\275\254/img/2021-05-17_3.png"
new file mode 100644
index 0000000000000000000000000000000000000000..2c82c29d95409807e9b645b4acc8c141621d3865
Binary files /dev/null and "b/\346\236\227\350\267\203\345\275\254/img/2021-05-17_3.png" differ
diff --git "a/\346\236\227\350\267\203\345\275\254/img/2021-05-17_4.png" "b/\346\236\227\350\267\203\345\275\254/img/2021-05-17_4.png"
new file mode 100644
index 0000000000000000000000000000000000000000..e2c5be209639c7cb3f1ef950818c155a06d4e823
Binary files /dev/null and "b/\346\236\227\350\267\203\345\275\254/img/2021-05-17_4.png" differ
diff --git "a/\346\236\227\350\267\203\345\275\254/img/2021-05-17_5.png" "b/\346\236\227\350\267\203\345\275\254/img/2021-05-17_5.png"
new file mode 100644
index 0000000000000000000000000000000000000000..ef5aad3aef4942d0c104f3ac10764d2997e3f592
Binary files /dev/null and "b/\346\236\227\350\267\203\345\275\254/img/2021-05-17_5.png" differ
diff --git "a/\346\236\227\350\267\203\345\275\254/img/2021-05-25_1.png" "b/\346\236\227\350\267\203\345\275\254/img/2021-05-25_1.png"
new file mode 100644
index 0000000000000000000000000000000000000000..e34986ea8e1d4721e867b457969d048466305afa
Binary files /dev/null and "b/\346\236\227\350\267\203\345\275\254/img/2021-05-25_1.png" differ
diff --git "a/\346\236\227\350\267\203\345\275\254/img/2021-05-25_2.png" "b/\346\236\227\350\267\203\345\275\254/img/2021-05-25_2.png"
new file mode 100644
index 0000000000000000000000000000000000000000..095ca1b4aab4c7cbef0e7fccb6b8ac3fbf512a90
Binary files /dev/null and "b/\346\236\227\350\267\203\345\275\254/img/2021-05-25_2.png" differ
diff --git "a/\346\236\227\350\267\203\345\275\254/img/2021-05-25_3.png" "b/\346\236\227\350\267\203\345\275\254/img/2021-05-25_3.png"
new file mode 100644
index 0000000000000000000000000000000000000000..f7c15647bab85c369609e79e94dd95e906ce78f6
Binary files /dev/null and "b/\346\236\227\350\267\203\345\275\254/img/2021-05-25_3.png" differ
diff --git "a/\346\236\227\350\267\203\345\275\254/img/2021-05-25_4.png" "b/\346\236\227\350\267\203\345\275\254/img/2021-05-25_4.png"
new file mode 100644
index 0000000000000000000000000000000000000000..06cb5cd997b517ce260df006dc6522da4004180e
Binary files /dev/null and "b/\346\236\227\350\267\203\345\275\254/img/2021-05-25_4.png" differ
diff --git "a/\346\236\227\350\267\203\345\275\254/img/2021-05-25_5.png" "b/\346\236\227\350\267\203\345\275\254/img/2021-05-25_5.png"
new file mode 100644
index 0000000000000000000000000000000000000000..03bc31336ebf7140877bd37888efc56aea2b6ec0
Binary files /dev/null and "b/\346\236\227\350\267\203\345\275\254/img/2021-05-25_5.png" differ
diff --git "a/\346\236\227\350\267\203\345\275\254/img/2021-05-26_1.png" "b/\346\236\227\350\267\203\345\275\254/img/2021-05-26_1.png"
new file mode 100644
index 0000000000000000000000000000000000000000..f00e42413bed35b9472f4eab4aa697dd5be0e00c
Binary files /dev/null and "b/\346\236\227\350\267\203\345\275\254/img/2021-05-26_1.png" differ
diff --git "a/\346\236\227\350\267\203\345\275\254/img/2021-05-28_1.png" "b/\346\236\227\350\267\203\345\275\254/img/2021-05-28_1.png"
new file mode 100644
index 0000000000000000000000000000000000000000..265397b82ea05062bd656537560c85a22e061902
Binary files /dev/null and "b/\346\236\227\350\267\203\345\275\254/img/2021-05-28_1.png" differ
diff --git "a/\346\236\227\350\267\203\345\275\254/img/2021-05-29_1.png" "b/\346\236\227\350\267\203\345\275\254/img/2021-05-29_1.png"
new file mode 100644
index 0000000000000000000000000000000000000000..9f58c3930ac58c9b96e829fff12c75584be4d76b
Binary files /dev/null and "b/\346\236\227\350\267\203\345\275\254/img/2021-05-29_1.png" differ
diff --git "a/\346\236\227\350\267\203\345\275\254/img/2021-06-01_1.png" "b/\346\236\227\350\267\203\345\275\254/img/2021-06-01_1.png"
new file mode 100644
index 0000000000000000000000000000000000000000..52e20851ccd84cd37dde6ee6c30dbcb8da02ef46
Binary files /dev/null and "b/\346\236\227\350\267\203\345\275\254/img/2021-06-01_1.png" differ
diff --git "a/\346\236\227\350\267\203\345\275\254/img/2021-06-01_2.png" "b/\346\236\227\350\267\203\345\275\254/img/2021-06-01_2.png"
new file mode 100644
index 0000000000000000000000000000000000000000..68b389825b14d415ba2563a60d951d529779c065
Binary files /dev/null and "b/\346\236\227\350\267\203\345\275\254/img/2021-06-01_2.png" differ
diff --git "a/\346\236\227\350\267\203\345\275\254/img/2021-06-01_3.png" "b/\346\236\227\350\267\203\345\275\254/img/2021-06-01_3.png"
new file mode 100644
index 0000000000000000000000000000000000000000..732231bc8f9f071490b11dd12c9f4b2f9ccbe2ac
Binary files /dev/null and "b/\346\236\227\350\267\203\345\275\254/img/2021-06-01_3.png" differ
diff --git "a/\346\236\227\350\267\203\345\275\254/img/2021-06-01_4.png" "b/\346\236\227\350\267\203\345\275\254/img/2021-06-01_4.png"
new file mode 100644
index 0000000000000000000000000000000000000000..14caf50645b867e53864b74f63613622c7b34718
Binary files /dev/null and "b/\346\236\227\350\267\203\345\275\254/img/2021-06-01_4.png" differ
