1.@是v-on：的简写，通过v-on：指令绑定事件，指定一个methods选项里面定义的方法
调用方法时，不传参数，默认会将事件对象当成参数传递 -->
<button @click='sayHi'>sayHi</button>
- 调用方法时，传的是什么参数，接的就是什么参数
<button @click="sayHello('hello')">sayHi</button> - 调用方法时，传递一个
event)">sayHi</button>
当前事件处理的代码比较简单，可以将代码直接写在行内，注意：只能操作Vue管理的数据 <p><button @click="age++">年龄++</button></p>- 事件修饰符.prevent,用于阻止默认行为
<div class="box" @contextmenu.prevent="showBox">box</div> - .once ,用只绑定一次事件
<div class="one" @click.once="one"> -
事件修饰符.stop，用于阻止冒泡事件-
<div class="two" @click.stop="two"></div>.self，只能在自身元素上触发，不能在子元素上触发
</div>
-
- 每次键盘弹起都会调用事件方法
请输入关键词：<input type="text" @keyup="keyup"> - 只在回车时，才会调用
请输入关键词：<input type="text" @keyup.enter='keyup1'>
