File tree Expand file tree Collapse file tree 1 file changed +5
-5
lines changed Expand file tree Collapse file tree 1 file changed +5
-5
lines changed Original file line number Diff line number Diff line change @@ -61,7 +61,7 @@ var example2 = new Vue({
61
61
data: {
62
62
name: ' Vue.js'
63
63
},
64
- // 在 `methods`对象中定义方法
64
+ // 在 `methods` 对象中定义方法
65
65
methods: {
66
66
greet : function (event ) {
67
67
// `this` 在方法里指当前 Vue 实例
@@ -158,9 +158,9 @@ methods: {
158
158
159
159
## 事件修饰符
160
160
161
- 在事件处理器中经常需要调用 ` event.preventDefault() ` 或 ` event.stopPropagation() ` 。尽管我们在方法内可以轻松做到,不过让方法是纯粹的数据逻辑而不处理 DOM 事件细节会更好。
161
+ 在事件处理器中经常需要调用 ` event.preventDefault() ` 或 ` event.stopPropagation() ` 。尽管我们在方法内可以轻松做到,不过让方法是纯粹的数据逻辑而不处理 DOM 事件细节会更好。
162
162
163
- 为了解决这个问题,Vue.js 为 ` v-on ` 提供了 ** 事件修饰符** 。通过点号打头的指令后缀来调用修饰符。
163
+ 为了解决这个问题, Vue.js 为 ` v-on ` 提供了 ** 事件修饰符** 。通过点号打头的指令后缀来调用修饰符。
164
164
165
165
- ` .stop `
166
166
- ` .prevent `
@@ -189,7 +189,7 @@ methods: {
189
189
190
190
## 按键修饰符
191
191
192
- 在监听键盘事件时,我们经常需要监测常见的键值。Vue 允许为 ` v-on ` 在监听键盘事件时添加按键修饰符:
192
+ 在监听键盘事件时,我们经常需要监测常见的键值。 Vue 允许为 ` v-on ` 在监听键盘事件时添加按键修饰符:
193
193
194
194
``` html
195
195
<!-- 只有在 keyCode 是 13 时调用 vm.submit() -->
@@ -233,7 +233,7 @@ Vue.config.keyCodes.f1 = 112
233
233
234
234
## 为什么在 HTML 中监听事件?
235
235
236
- 你可能注意到这种事件监听的方式违背了传统理念 “separation of concern”。不必担心,因为所有的 Vue.js 事件处理方法和表达式都严格绑定在当前视图的 ViewModel 上,它不会导致任何维护上的困难。实际上,使用 ` v-on ` 有几个好处:
236
+ 你可能注意到这种事件监听的方式违背了传统理念 “separation of concern” 。不必担心,因为所有的 Vue.js 事件处理方法和表达式都严格绑定在当前视图的 ViewModel 上,它不会导致任何维护上的困难。实际上,使用 ` v-on ` 有几个好处:
237
237
238
238
1 . 扫一眼 HTML 模板便能轻松定位在 JavaScript 代码里对应的方法。
239
239
You can’t perform that action at this time.
0 commit comments