Vue 事件监听v-on及v-on的修饰符

1.v-on

　　作用：绑定事件监听器

　　缩写：@

　　预期：Function | Inline Statement (表达式) | Object

　　参数：event

2.参数问题

　　情况一：如果该方法不需要额外参数，name方法后就可以不添加()

　　　　注意：如果方法本身中有一个参数，那么会默认将原生事件event参数传递进去

　　情况二：如果需要同时传入某个参数，同时需要event时，可以通过$event 传入事件。

3.v-on 修饰符

<div @click="divClick">

　　utton @click.stop="btnClick">

</div>

　　@click.stop - 调用event,stopPropagation()  //阻止事件冒泡，

　　@click.prevent - 调用event.preventDefault() // 阻止默认事件，如：表单提交按钮

　　@keyup.event  监听回车键

　　.{keyCode | keyAlias} -只当事件是从特定键触发时才触发回调  //按键数值参考 //  https://www.cnblogs.com/lhj1168/p/12660419.html 

　　@click.native - 监听组件根元素的原生事件

　　@click.once -　只触发一次回调