vue.js中什么是事件处理器

这期内容当中小编将会给大家带来有关vue.js中什么是事件处理器，文章内容丰富且以专业的角度为大家分析和叙述，阅读完这篇文章希望大家可以有所收获。

在巨野等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供成都网站设计、成都网站制作网站设计制作定制网站,公司网站建设,企业网站建设,品牌网站设计,成都全网营销,成都外贸网站建设,巨野网站建设费用合理。

监听事件

可以用v-on指令监听DOM事件来触发一些javascript代码。

demo:

点击，增加1

 data:{

　　counter:0

}

方法事件处理器

许多事件处理器的逻辑都很复杂，所以直接把javaScript代码写在v-on指令中是不可行的。因此v-on可以接收一个定义的方法来调用

点击，增加1

data:{

　　counter:0

},

method:{

　　counter:function(){

　　this.counter++;

　　}

}

有时也需要在内联语句处理器中访问原生DOM事件，可以用特殊变量$event把它传入方法：

$event 原生事件对象

事件修饰符
在事件处理程序中调用event.preventDefault()或event.stopPropagagation()是非常常见的需求。尽管我们可以在methods中轻松实现这点，但更好的

方式是：methods只是纯粹的数据逻辑，而不是去处理DOM事件的细节。

为了解决这个问题，Vue.js为v-on提供了事件修饰符，通过由（.）表示的指令后缀来调用修饰符。

.stop

.prevent

.capture

.self

.once

...