javascript - 命名事件处理程序方法 "onEvent"的用例是什么

摘要:

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

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

Angulars 风格指南指出，使用 on 前缀自定义事件处理程序方法。 https://angular.io/guide/styleguide#style-05-16

问题:

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

<CustomComponent @customEvent="onCustomEvent"/>

与更具描述性的方法名称如下:

<CustomComponent @customEvent="setUserData" />

最佳答案

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

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

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

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

关于javascript - 命名事件处理程序方法 "onEvent"的用例是什么，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/54507955/