Vue中事件处理机制是怎样的详细解析？

本文共计618个文字，预计阅读时间需要3分钟。

Vue事件监听方式遵循了分离关注点（Separation of Concerns）的传统理念。实际上，Vue.js的事件处理方式和表达式都严格绑定在当前视图的ViewModel上，这样做不会导致维护上的困难。

Vue事件监听的方式貌似违背了关注点分离(separation of concern)的传统理念。实际上，所有的Vue.js事件处理方法和表达式都严格绑定在当前视图的ViewModel上，它不会导致维护上的困难，使用v-on有以下好处：

1、扫一眼HTML模板便能轻松定位在JS代码里对应的方法。

2、无须在JS里手动绑定事件，ViewModel代码可以是非常纯粹的逻辑，和DOM完全解耦，更易于测试。

3、当一个ViewModel被销毁时，所有的事件处理器都会自动被删除，无须担心自己如何清理它们。