This repository was archived by the owner on Aug 8, 2022. It is now read-only.
File tree Expand file tree Collapse file tree 1 file changed +6
-6
lines changed Expand file tree Collapse file tree 1 file changed +6
-6
lines changed Original file line number Diff line number Diff line change 4
4
5
5
## 监听事件
6
6
7
- 我们可以使用 ` v-on ` 指令 (通常缩写为 ` @ ` 符号) 来监听 DOM 事件,并在触发事件时执行一些 JavaScript 。用法为 ` v-on:click="methodName" ` 或使用快捷方式 ` @click="methodName" `
7
+ 我们可以使用 ` v-on ` 指令 (通常缩写为 ` @ ` 符号) 来监听 DOM 事件,并在触发事件时执行一些 JavaScript代码 。用法为 ` v-on:click="methodName" ` 或使用快捷方式 ` @click="methodName" `
8
8
9
9
例如:
10
10
@@ -37,7 +37,7 @@ Vue.createApp({
37
37
38
38
``` html
39
39
<div id =" event-with-method" >
40
- <!-- `greet` 在下面定义的方法名 -->
40
+ <!-- `greet` 是在下面定义的方法名 -->
41
41
<button @click =" greet" >Greet</button >
42
42
</div >
43
43
```
@@ -51,7 +51,7 @@ Vue.createApp({
51
51
},
52
52
methods: {
53
53
greet (event ) {
54
- // `this` 内部 `methods ` 指向当前活动实例
54
+ // `methods` 内部的 `this ` 指向当前活动实例
55
55
alert (' Hello ' + this .name + ' !' )
56
56
// `event` 是原生 DOM event
57
57
if (event ) {
@@ -103,7 +103,7 @@ Vue.createApp({
103
103
// ...
104
104
methods: {
105
105
warn (message , event ) {
106
- // now we have access to the native event
106
+ // 现在可以访问到原生事件
107
107
if (event ) {
108
108
event .preventDefault ()
109
109
}
@@ -127,10 +127,10 @@ methods: {
127
127
// ...
128
128
methods: {
129
129
one (event ) {
130
- // first handler logic ...
130
+ // 第一个事件处理器逻辑 ...
131
131
},
132
132
two (event ) {
133
- // second handler logic ...
133
+ // 第二个事件处理器逻辑 ...
134
134
}
135
135
}
136
136
```
You can’t perform that action at this time.
0 commit comments