From 3f6dced267e6010868cafef8655c990ba495426c Mon Sep 17 00:00:00 2001
From: roger <roger_sun@outlook.com>
Date: Tue, 11 Oct 2022 09:41:18 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E6=88=90=E6=97=B6=E9=97=B4=E7=9A=84?=
 =?UTF-8?q?=E5=9F=BA=E6=9C=AC=E4=BD=BF=E7=94=A8=E5=AD=A6=E4=B9=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 07_事件处理/1.事件的基本使用.html | 26 ++++++++++++++++++--
 1 file changed, 24 insertions(+), 2 deletions(-)
diff --git a/07_事件处理/1.事件的基本使用.html b/07_事件处理/1.事件的基本使用.html
index 95ec0d1..ba5e4c8 100644
--- a/07_事件处理/1.事件的基本使用.html
+++ b/07_事件处理/1.事件的基本使用.html
@@ -7,11 +7,33 @@
 </head>
 <body>
 <div id="root">
-
+    <h2>欢迎欢迎-{{name}}</h2>
+    <button v-on:click="showInfo1">按键1</button>
+    <button @click="showInfo2($event, 666)">按键2</button>
 </div>
 <script type="text/javascript">
     Vue.config.productionTip = false
-
+    new Vue(
+        {
+            el: '#root',
+            data: {
+                name: '哈哈'
+            },
+            methods: {
+                showInfo1(event){
+                    alert('Hello')
+                    console.log(event.target.innerText)
+                    console.log(this)  // this === vm
+                },
+                showInfo2(event, number){
+                    alert(number)
+                    console.log(event)
+                    console.log(event.target.innerText)
+                    console.log(this)  // this === vm
+                }
+            }
+        }
+    )
 </script>
 </body>
 </html>
\ No newline at end of file
