javascript - 命名事件处理程序方法 "onEvent"的用例有哪些

Question

摘要:

这最终是一个关于 Vue.js 的问题(尽管我认为它通常适用于 JavaScript)。

首先介绍一下背景:我注意到 Angular 风格指南中的一些内容可以作为有关 Vue 的问题的基础。

Angulars 风格指南指出，要在自定义事件处理方法方法中添加 on 前缀。 https://angular.io/guide/styleguide#style-05-16

问题:

返回Vue:为什么要这样命名事件处理程序:

<CustomComponent @customEvent="onCustomEvent"/>

与更具描述性的方法名称相比，如下所示:

<CustomComponent @customEvent="setUserData" />

Answer 1

您可能需要在处理程序中执行不止一件事。

在这些情况下，很难命名处理程序本身，因此您只需命名处理程序，即 handleClickEvent。

handleClickEvent: function() {
  this.setUserData()
  this.logClick()
  this.showNotification()
}

我从未使用过 Vue，但我使用过 Polymer，它也处理元素事件，这是我放弃为处理程序命名特定名称的情况之一。