使用`v-on`被视为不良做法？

Question

我经常读到我不应该使用HTML的onclick属性,因为它会降低代码的可读性.相反,我应该在我的script.js中创建事件监听器.那么你怎么看？它是否也被认为是不好的做法,我应该编写事件监听器吗？ v-on:click

Answer 1

您可能会担心整个事件倾听方法违反了关于"关注点分离"的旧规则.请放心 - 由于所有Vue处理程序函数和表达式都严格地绑定到处理当前视图的ViewModel,因此不会导致任何维护困难.事实上,使用v-on有几个好处:

• 通过浏览HTML模板,可以更轻松地在JS代码中找到处理函数实现.

• 由于您不必在JS中手动附加事件侦听器,因此您的ViewModel代码可以是纯逻辑和无DOM.这使得测试更容易.

• 销毁ViewModel时,将自动删除所有事件侦听器.您无需担心自己清理它.

逐字自:https://vuejs.org/v2/guide/events.html#Why-Listeners-in-HTML