diff --git "a/\344\275\231\346\267\221\345\251\267/2021-05-28.md" "b/\344\275\231\346\267\221\345\251\267/2021-05-28.md"
index f63ed05861ff6246b23f843facf7e1c361f3bb5b..a3efd7c7b412a8ffe7b94c5c1be9097cc4c0569c 100644
--- "a/\344\275\231\346\267\221\345\251\267/2021-05-28.md"
+++ "b/\344\275\231\346\267\221\345\251\267/2021-05-28.md"
@@ -1,4 +1,4 @@
-# 2021-05-26的笔记
+# 2021-05-28的笔记
 # Vue第三节课
 ```
 <body>
diff --git "a/\344\275\231\346\267\221\345\251\267/2021-05-29.md" "b/\344\275\231\346\267\221\345\251\267/2021-05-29.md"
new file mode 100644
index 0000000000000000000000000000000000000000..d7947451dbf47b714135c807456d98d773a771c8
--- /dev/null
+++ "b/\344\275\231\346\267\221\345\251\267/2021-05-29.md"
@@ -0,0 +1,115 @@
+# 2021-05-29的笔记
+# Vue第四节课
+## 文本插值
+```
+<body>
+    <div id="app">
+        <span>{{rawHtml}}</span>    //这个会引用下面rawHtml的文本 但是不会引用到那个h3样式
+        <span v-html="rawHtml"></span>  //这个会引用到下面的h3样式
+    </div>
+
+    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>
+    <script>
+        let app=new Vue({
+            el:"#app",
+            data:{
+                rawHtml:'<h3>双大括号会将数据解释为普通文本，而非 HTML 代码。为了输出真正的 HTML，你需要使用 v-html 指令</h3>'
+            }
+        })
+    </script>
+</body>
+```
+![](./img/2021-05-29-01.png)
+# 
+## v-bind 
+### 指令 (Directives) 是带有 v- 前缀的特殊 attribute。指令 attribute 的值预期是单个 JavaScript 表达式 指令可以用于响应式地更新 HTML attribute
+```
+<body>
+    <div id="app">
+        <button v-bind:disabled="isButtonDisabled">咕咕咕咕</button> //一个按钮
+    </div>
+
+    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>
+    <script>
+        let app=new Vue({
+            el:"#app",
+            data:{
+                isButtonDisabled:true   //按钮禁用 打开
+            }
+        })
+    </script>
+</body>
+```
+![](./img/2021-05-29-02.png)
+
+## 按钮 链接
+```
+<body>
+    <div id="app">
+        这是你的第{{msg}}次咕咕我了🔪
+        <input type="button" v-on:click="btnClick" value="咕咕咕咕">    //一个按钮
+        <a v-bind:href="url">去一个快乐的地方</a>   //网站的链接
+    </div>
+
+    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>
+
+    <script>
+        let app=new Vue({
+            el:"#app",
+            data:{
+                url:'http://4399.com',
+                msg:0
+            },
+            methods:{
+                btnClick:function(){
+                    this.msg=this.msg+1   //this是找到app里面的msg 点一次次数就加一次
+                }
+            }
+        })
+    </script>
+</body>
+```
+点几次就“咕咕”几次 点“去一个快乐的地方”就会跳转到4399
+
+![](./img/2021-05-29-03.png)
+
+## 动态参数 会变的东西
+### 点按钮随机改变
+```
+<body>
+    <div id="app">
+        这是你的第{{msg}}次咕咕我了🔪
+        <input type="button" v-on:click="btnClick" value="咕咕咕咕">
+        <a v-bind:[parmAttribute]="url">去一个快乐的地方</a>    //[parmAttribute] 动态参数 绑定了下面的parmattribute
+    </div>
+
+    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>
+
+    <script>
+        let app=new Vue({
+            el:"#app",
+            data:{
+                url:'http://4399.com',
+                msg:0,
+                parmattribute:'href',   //parmattribute绑定了一个href路径 然后上面的按钮绑定了parmattribute 所以上面的那个a超链接绑定了href路径
+                parmArr:['fish','pig','ant','pink','blue']  //写下想要随机变成的东西
+            },
+            methods:{
+                btnClick:function(){    //链接点点击事件 所以点按钮 那个链接前面的名字会改变
+                    let rnd=Math.floor(Math.random() * this.parmArr.length);    //this.parmArr.length 找到app里面的parmArr 并且知道它的长度 不让他超过这个长度
+                    console.log(rnd); //输出的随机数
+                    this.msg=this.msg+1,
+                    this.parmattribute=this.parmArr[rnd]    //这个动态参数会是上面自己写的那个随机数   this.parmArr[rnd]这个app里面的parmArr里面的数组的下标 所以那个a链接的动态参数会变
+                }
+            }
+        })
+    </script>
+</body>
+```
+点按钮生成的随机数
+
+![](./img/2021-05-29-05.png)
+
+粉色的会改变的动态参数
+
+![](./img/2021-05-29-04.png)
diff --git "a/\344\275\231\346\267\221\345\251\267/img/2021-05-29-01.png" "b/\344\275\231\346\267\221\345\251\267/img/2021-05-29-01.png"
new file mode 100644
index 0000000000000000000000000000000000000000..aa6a79fb37ef666d980c0e024aacedc215034337
Binary files /dev/null and "b/\344\275\231\346\267\221\345\251\267/img/2021-05-29-01.png" differ
diff --git "a/\344\275\231\346\267\221\345\251\267/img/2021-05-29-02.png" "b/\344\275\231\346\267\221\345\251\267/img/2021-05-29-02.png"
new file mode 100644
index 0000000000000000000000000000000000000000..71c29db529d118063c77e8d0cc54f01424b71b66
Binary files /dev/null and "b/\344\275\231\346\267\221\345\251\267/img/2021-05-29-02.png" differ
diff --git "a/\344\275\231\346\267\221\345\251\267/img/2021-05-29-03.png" "b/\344\275\231\346\267\221\345\251\267/img/2021-05-29-03.png"
new file mode 100644
index 0000000000000000000000000000000000000000..9a014fbe571197c6916a9d3bb512d587a5598608
Binary files /dev/null and "b/\344\275\231\346\267\221\345\251\267/img/2021-05-29-03.png" differ
diff --git "a/\344\275\231\346\267\221\345\251\267/img/2021-05-29-04.png" "b/\344\275\231\346\267\221\345\251\267/img/2021-05-29-04.png"
new file mode 100644
index 0000000000000000000000000000000000000000..80ce964cc81157bc0f5d7392ce6514aa6d4eab8a
Binary files /dev/null and "b/\344\275\231\346\267\221\345\251\267/img/2021-05-29-04.png" differ
diff --git "a/\344\275\231\346\267\221\345\251\267/img/2021-05-29-05.png" "b/\344\275\231\346\267\221\345\251\267/img/2021-05-29-05.png"
new file mode 100644
index 0000000000000000000000000000000000000000..85f73258489b36eab4e9d96833e8041a31066d9f
Binary files /dev/null and "b/\344\275\231\346\267\221\345\251\267/img/2021-05-29-05.png" differ
