vue中的事件监听

一、v-on指令
1.基本使用
v-on:click=”add” #add是一个函数
或（语法糖） @click=”add”

Vue.js为v-on提供了事件修饰符来处理DOM事件细节，如：
event.preventDefault()或event.stopPropagation()
例如：
.stop—阻止冒泡（不会一直传递，自己运行结束就结束了。）
.prevent—阻止默认事件（比如 submit 加了这个，就不会提交了）
.capture----阻止捕获（在传递的父子事件种，加了这个，无论先点哪个，都先执行这个）
.self-----只建通触发该元素的事件（只有点击自己本身才会执行，点他的子元素也不会被传递）
.once----只触发一次
.left----左键事件
.right—右键事件
.middle----中间滚轮事件

按键修饰符
Vue 允许为 v-on 在监听键盘事件时添加按键修饰符：

事件绑定如@click=“computed” computed只会在初始化时执行一次
事件绑定如@click=“computed()” 只会通过事件触发执行一次
事件绑定如@click=“methods” 初始化不执行，可以通过事件触发
事件绑定如@click=“methods()” 同上