Merge pull request #113 from GuoXiCheng/dev-c

update docs

src/.vitepress/sidebars/vue.yaml

@@ -115,6 +115,24 @@
                 link: /frontend/vue/watch/watch-effect#watcheffect-的使用场景
               - text: 比较 watch 和 watcheffect
                 link: /frontend/vue/watch/watch-effect#比较-watch-和-watcheffect
+      - text: 事件监听
+        items:
+          - text: 事件处理器
+            link: /frontend/vue/event-handling/handler
+            items:
+              - text: 监听事件
+                link: /frontend/vue/event-handling/handler#监听事件
+              - text: 内联事件处理器
+                link: /frontend/vue/event-handling/handler#内联事件处理器
+              - text: 方法事件处理器
+                link: /frontend/vue/event-handling/handler#方法事件处理器
+          - text: 事件处理参数
+            link: /frontend/vue/event-handling/arguments
+            items:
+              - text: 访问自定义参数
+                link: /frontend/vue/event-handling/arguments#访问自定义参数
+              - text: 访问原生事件参数
+                link: /frontend/vue/event-handling/arguments#访问原生事件参数
       - text: 表单
         collapsed: true
         items:

src/frontend/vue/event-handling/arguments.md

@@ -0,0 +1,13 @@
+# 事件处理参数
+
+## 访问自定义参数
+
+内联事件处理器允许传入自定义参数以代替原生事件。
+
+<<< @/../projects/vue-sandbox/src/components/EventHandling/AccessCustomParameters.vue
+
+## 访问原生事件参数
+
+内联事件处理器允许接收一个特殊的`$event`参数或使用内联箭头函数来访问原生事件。
+
+<<< @/../projects/vue-sandbox/src/components/EventHandling/AccessEventParameter.vue

src/frontend/vue/event-handling/handler.md

@@ -0,0 +1,23 @@
+# 事件处理器
+
+## 监听事件
+
+使用`v-on`指令（简写为`@`）来监听 DOM 事件。
+
+例如：`v-on:click="handleClick"` 或 `@click="handleClick"`
+
+## 内联事件处理器
+
+事件被触发时执行内联的表达式语句。
+
+<<< @/../projects/vue-sandbox/src/components/EventHandling/InlineHander.vue
+
+## 方法事件处理器
+
+事件被触发时执行一个指向组件上定义的方法的属性名或是路径。
+
+:::tip
+方法事件处理器会自动接收原生 DOM 事件并触发执行。
+:::
+
+<<< @/../projects/vue-sandbox/src/components/EventHandling/MethodHandler.vue