From 9ecc9ccdc6c94d9b03a09df4a5001bc56e348214 Mon Sep 17 00:00:00 2001
From: XY <1719746484@qq.com>
Date: Sun, 30 May 2021 21:02:50 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../note-05-28-21.md"                         | 119 ++++++++++++++++++
 .../note-05-29-21.md"                         |  63 ++++++++++
 2 files changed, 182 insertions(+)
 create mode 100644 "\346\254\247\351\230\263\347\276\216\346\235\217/note-05-28-21.md"
 create mode 100644 "\346\254\247\351\230\263\347\276\216\346\235\217/note-05-29-21.md"

diff --git "a/\346\254\247\351\230\263\347\276\216\346\235\217/note-05-28-21.md" "b/\346\254\247\351\230\263\347\276\216\346\235\217/note-05-28-21.md"
new file mode 100644
index 0000000..c5b566b
--- /dev/null
+++ "b/\346\254\247\351\230\263\347\276\216\346\235\217/note-05-28-21.md"
@@ -0,0 +1,119 @@
+## 第三节Vue课堂笔记
+
+```
+
+数据与方法
+
+ <div id="app">
+
+    </div>
+
+    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>
+    <script>
+        let data ={
+            thinkToSing:"哈哈哈哈",
+            thinkPad:"呵呵呵呵",
+            ipad:"嘻嘻嘻嘻"    
+        }
+
+
+
+        let app = new Vue({
+             el:"#app",
+             data:data
+        })
+        
+        console.log(app);
+
+        console.log(data.thinkToSing===app.thinkToSing);
+
+
+    </script>
+
+
+当一个实例，vue实例被创建时，它会将data对象中的所有的属性加入到vue的响应式系统中。
+只有实例被创建时就已经存在在data中的属性才是响应式的。
+后面再添加属性是不会改变的
+
+<div id="app">
+        {{thinkToSing}}
+        <br>
+        {{thinkPad}}
+        <br>
+        {{ipad}}
+
+    </div>
+
+    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>
+    <script>
+        let data ={
+            thinkToSing:"哈哈哈哈",
+            thinkPad:"呵呵呵呵",
+            ipad:"嘻嘻嘻嘻"    
+        }
+
+
+
+        let app = new Vue({
+             el:"#app",
+             data:data
+        })
+        
+        console.log(app);
+
+        console.log(data.thinkToSing===app.thinkToSing);
+
+
+    </script>
+
+
+
+
+```
+
+```
+ <div id="app">
+        {{thinkToSing}}
+        <br>
+        {{thinkPad}}
+        <br>
+        {{ipad}}
+
+    </div>
+
+    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>
+    <script>
+        let data ={
+            thinkToSing:"哈哈哈哈",
+            thinkPad:"呵呵呵呵",
+            ipad:"嘻嘻嘻嘻"    
+        }
+
+           
+
+        let app = new Vue({
+             el:"#app",
+             data:data,
+             beforeUpdate:function(){
+                  console.log("在数据更新之前");
+                  console.log(this);
+             },
+             updated:function(){
+                  console.log("在数据更新之后");
+                  console.log(this);
+             }
+
+        })
+        
+        console.log(app);
+
+        console.log(data);
+
+        console.log(data.thinkToSing===app.thinkToSing);
+
+
+    </script>
+
+
+
+```
\ No newline at end of file
diff --git "a/\346\254\247\351\230\263\347\276\216\346\235\217/note-05-29-21.md" "b/\346\254\247\351\230\263\347\276\216\346\235\217/note-05-29-21.md"
new file mode 100644
index 0000000..a4e9fc1
--- /dev/null
+++ "b/\346\254\247\351\230\263\347\276\216\346\235\217/note-05-29-21.md"
@@ -0,0 +1,63 @@
+## 第四节Vue课堂笔记
+## 叶家双子生日快乐！
+
+```
+不能用V-html来复合局部模板。
+站点上动态渲染的任意HTML都很有可能受到攻击，所以只能对可信内容使用HTML插值。
+
+```
+Attribute
+对于布尔 attribute (它们只要存在就意味着值为 true)
+
+ <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>
+
+    在控制台输入app.isButtonDisabled=false,按钮就会变得可点击
+
+```
+
+
+```
+<div id="app">
+         这是你的第{{msg}}次点击
+
+        <input type="button" v-on:click="btnClick" value="按钮按钮按钮">
+
+        <a v-bind:[param]="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://baidu.com",
+               msg:0,
+               "param":"href",
+               parmArr:["wendy","xiao","zhongli","gongzi"]
+           },
+           methods:{
+              btnClick:function(){
+                  let rnd =Math.floor(Math.random() * this.parmArr.length);
+                  console.log(rnd);
+                  this.msg+=1
+                  this.param = this.parmArr[rnd]
+              }  
+           }
+
+        })
+    </script>
+```
\ No newline at end of file
-- 
Gitee