你可能注意到这种事件监听的方式违背了关注点分离 (separation of concern) 这个长期以来的优良传统。但不必担心,因为所有的 Vue.js 事件处理方法和表达式都严格绑定在当前视图的 ViewModel 上,它不会导致任何维护上的困难。实际上,使用 v-on
有几个好处:
1、扫一眼HTML模板便能轻松定位在JavaScript代码里对应的方法。
2、无需在JavaScript里手动绑定事件,你的viewModel代码可以是非常纯粹的逻辑,和DOM完全解耦,更易于测试。
· 3、当一个viewModel被销毁时,所有的事件处理器都会自动被删除。无需担心如何自己清理他们。