内联事件处理程序实践javascript

我正在阅读关于上的事件，这里讨论的是“内联事件处理程序”，这些不应该使用，并且被认为是一种不好的做法

e、 g

按我

但是，在Angular之类的框架中，我们会执行以下操作：

<my-component (click)="onClick($event)"></my-component>

这是否与Mozilla在本例中认为的不良做法相矛盾

如果需要在另一节中提出此问题，请务必让我知道。

这是一个“关注点分离”问题，您的组件通常被分离到一个文件中，该文件包含该组件的“控件”

角度指令基本上是一个在模板中建立在这个基础上的想法

在没有功能系统（如angular）的情况下将其嵌入html，这类似于在javascript中编写整个html模板——糟糕，除非您有一个系统可以帮助您做到这一点

基本上，没有angular，您应该“在javascript中保存javascript”和“在html中保存html”

进一步了解MVC和关注点分离，请访问

Angular的控制器可能会提醒您许多来自其他MVC的模型 实现，如果你是“胖模特，瘦模特”的追随者 “管制员”方法

---

它们是完全不同的东西。@smnbbrv有一个问题，只是没有问号。angular版本是一个模板，因此angular引擎将用适当的事件处理程序替换该语法，而在普通版本中，处理程序保持内联。它被认为是不好的做法的一些原因是关注点的分离，例如html和javascript不应该在同一个文件中。如果您还必须查看HTML源代码以了解在哪里发生了什么，那么以后更新也会变得更加困难。看看他们有更多的论点。@shilly这听起来是个好答案。.问号加上：p@smnbbrv

<my-component (click)="onClick($event)"></my-component>