属性事件:click、dbclick、mouseover、mouseout、mouseenter、mouseleave、mousedown、mouseup、mousemove
键盘事件:keydown、keyup、keypress
ui事件:scroll、resize、load、unload
表单事件:focus、blur、select、change、submit
事件方法,一般都放在methods 里面写
事件对象
事件对象是用来获取当事件发生时,事件源的一些信息(状态),例如,当鼠标移动事件发生时,想获得鼠标的坐标等,就通过事件对象来获得
在Vue中当事件发生时,会自动给事件处理函数传递一个$event事件对象,不需要手动传递,只需要接收即可
<div id="app">
<button v-on:click="addUser($event,11111)">添加</button>
<button @click="addUser($event,11111)">新增</button>
</div>
<script>
new Vue({
el:'#app',
data:{
name:'这是一条测试的数据'
},
methods:{
addUser(e,xxx){
console.log(e)
alert(e.clientX)
alert(xxx)
alert('你击中我了')
}
}
});
</script>