这篇文章主要介绍如何实现vuejs事件监听，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！
创新互联建站-专业网站定制、快速模板网站建设、高性价比和县网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式和县网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖和县地区。费用合理售后完善，十年实体公司更值得信赖。
在vuejs中，可以使用“v-on”指令来实现事件监听，该指令用来绑定事件监听器；只需要在标签模板中添加“v-on:事件参数="事件处理函数"”语句，使用JavaScript设置触发时需要执行的代码即可。
本教程操作环境：windows7系统、vue2.9.6版，DELL G3电脑。
当模板渲染完成之后，就可以进行事件的绑定与监听。v-on指令用来监听DOM事件，通常在模板内直接使用。
Say
方法及内联语句处理器
通过v-on绑定实力选项属性methods中的方法作为事件的处理器，v-on：后参数接受所有的原生事件名称。
Say
var vm = new Vue({
el: "#app",
data: {
msg:"hello vue.js"
},
methods:{
say:function(){
alert(this.msg);
}
}
})
v-on缩写形式：@。@click="say"
v-on支持内联JavaScript语句，但仅限是一个语句。
Say
var vm = new Vue({
el: "#app",
data: {
msg:"hello vue.js"
},
methods:{
sayFrom:function(from){
alert(this.msg + '' + from);
}
}
})
在直接绑定methods函数和内联JavaScript与居室，都有可能需要获取原生DOM事件对象
Event
event
Say //这样写获取不到event
var vm = new Vue({
el: "#app",
methods:{
showEvent:function(event){
console.log(event);
}
}
})
同一个元素上可以通过v-on绑定多个相同事件函数，执行顺序为顺序执行。
事件修饰符
1、.stop:调用event.stopPropagation().
2、.prevent:调用event.preventDefault().
3、.caputure:使用capture模式添加事件监听器。
...
