proofread events.md

Author: yangzj1992

src/guide/events.md

@@ -6,7 +6,7 @@ order: 9
 
 ## 监听事件
 
-可以用 `v-on` 指令监听 DOM 事件来触发一些JavaScript代码。
+可以用 `v-on` 指令监听 DOM 事件来触发一些 JavaScript 代码。
 
 示例:
 
@@ -42,9 +42,9 @@ var example1 = new Vue({
 </script>
 {% endraw %}
 
-## 方法处理器
+## 方法事件处理器
 
-许多事件处理都很复杂，所以直接把JavaScript代码写在`v-on`属性值里是不可行的。所以`v-on`可以接受一个你定义的方法名来调用。
+许多事件处理的逻辑都很复杂，所以直接把 JavaScript 代码写在 `v-on` 指令中是不可行的。因此 `v-on` 可以接收一个定义的方法来调用。
 
 示例:
 
@@ -64,15 +64,15 @@ var example2 = new Vue({
   // 在 `methods`对象中定义方法
   methods: {
     greet: function (event) {
-      // `this` 在方法里指当前Vue实例
+      // `this` 在方法里指当前 Vue 实例
       alert('Hello ' + this.name + '!')
-      // `event` 是原生DOM事件
+      // `event` 是原生 DOM 事件
       alert(event.target.tagName)
     }
   }
 })
 
-// 也可以在JavaScript代码里调用方法
+// 也可以用 JavaScript 直接调用方法
 example2.greet() // -> 'Hello Vue.js!'
 ```
 
@@ -98,7 +98,7 @@ var example2 = new Vue({
 </script>
 {% endraw %}
 
-## 内联语句处理器
+## 内联处理器方法
 
 除了直接绑定到一个方法，也可以用内联 JavaScript 语句：
 
@@ -160,7 +160,7 @@ methods: {
 
 在事件处理器中经常需要调用 `event.preventDefault()` 或 `event.stopPropagation()`。尽管我们在方法内可以轻松做到，不过让方法是纯粹的数据逻辑而不处理 DOM 事件细节会更好。
 
-为了解决这个问题，Vue.js 为 `v-on` 提供了 **事件修饰符**。通过点号打头的指令后缀调用修饰符。
+为了解决这个问题，Vue.js 为 `v-on` 提供了 **事件修饰符**。通过点号打头的指令后缀来调用修饰符。
 
 - `.stop`
 - `.prevent`
@@ -189,14 +189,14 @@ methods: {
 
 ## 按键修饰符
 
-在监听键盘事件时，我们经常需要检测 keyCode。Vue.js 允许为 `v-on` 添加按键修饰符：
+在监听键盘事件时，我们经常需要监测常见的键值。Vue 允许为 `v-on` 在监听键盘事件时添加按键修饰符：
 
 ``` html
 <!-- 只有在 keyCode 是 13 时调用 vm.submit() -->
 <input v-on:keyup.13="submit">
 ```
 
-记住所有的 keyCode 比较困难，Vue.js 为最常用的按键提供别名：
+记住所有的 keyCode 比较困难，所以 Vue 为最常用的按键提供了别名：
 
 ``` html
 <!-- 同上 -->
@@ -210,22 +210,21 @@ methods: {
 
 - enter
 - tab
-- delete (captures both "Delete" and "Backspace" keys)
+- delete (捕获 “删除” 和 “退格” 键)
 - esc
 - space
 - up
 - down
 - left
 - right
 
-
-支持单字母按键别名。
+同样支持单字母按键别名。
 
 ``` html
 <input v-on:keyup.v="say('That is the first letter in Vue')">
 ```
 
-在必要时，甚至可以自定义修饰符别名:
+在必要时，甚至可以自定义按键别名:
 
 ``` js
 // 可以使用 @keyup.f1
@@ -234,7 +233,7 @@ Vue.config.keyCodes.f1 = 112
 
 ## 为什么在 HTML 中监听事件?
 
-你可能注意到这种事件监听的方式违背了传统理念 “separation of concern”。不必担心，因为所有的 Vue.js 事件处理方法和表达式都严格绑定在当前视图的 ViewModel 上，它不会导致任何维护困难。实际上，使用 `v-on` 有几个好处：
+你可能注意到这种事件监听的方式违背了传统理念 “separation of concern”。不必担心，因为所有的 Vue.js 事件处理方法和表达式都严格绑定在当前视图的 ViewModel 上，它不会导致任何维护上的困难。实际上，使用 `v-on` 有几个好处：
 
 1. 扫一眼 HTML 模板便能轻松定位在 JavaScript 代码里对应的方法。