vue事件修饰符与按钮修饰符
事件修饰符：(当事件无需传参数时可直接写成以下形式，有参数时则为@click.stop="handleLiClick($event)")
stop:阻止事件冒泡行为（子元素被点击，会触发父元素的点击事件）
<ul @click="handleLiClick"><li @click.stop="handleLiClick">111</li></ul>
self:识别是否为自己的点击事件
<ul @click.self="handleLiClick"><li @click="handleLiClick">111</li></ul>
once:事件执行一次后自动取消事件绑点
<ul @click.self="handleLiClick"><li @click.once="handleLiClick">111</li></ul>
prevent:阻止元素的默认行为
<a href="http://www.baidu.com" @click.prevent="verificationData()">返回</a>如果不加prevent修饰，当点击此链接后会触发点击事件随后跳转到百度首页，反之则只执行点击事件
按钮修饰符：
以下为两种方式案例：
<input type="text" @keyup.87="handlerEnter($event)">87为按键的keyCode
<input type="text" @keyup.enter="handlerEnter($event)"enter为按键的名字>
如果不知道按键的keyCode,可以先在页面触发事件，将键对应的keyCode输出到控制台，拿到keyCode后再代入到代码中
handlerEnter(e){ console.log(e.keyCode); }