命名事件处理程序方法“ 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，它也处理元素事件，这是我放弃为处理程序指定某些特定名称的情况之一。