【事件处理】

绑定事件 @
点击事件@click
键盘弹起@keyup.按键名
键盘按下@keydown.按键名
tab键必须使用keydown
系统修饰键crt、alt、shift、meta
配合keyup使用：按下修饰键的同时再按下其他键，随后释放其他键，事件才被触发
配合keydown使用：正常触发事件

<button @keyup.showInfo>点击显示按键信息</button>

showInfo(e){
console.log(e.key);//取键名
console.log(e.keyCode);//取键码
}

事件修饰符

//@click.prevent	阻止默认事件

//@click.stop		阻止事件冒泡
<div @click=showInfo>
	<button @click.stop=showInfo></button>//若不加.stop则弹框两次
<div>
showInfo1(){alert("Chenduoduo")}
//@click.once		事件只触发一次
<button @click.once=showInfo></button>//按钮仅有效一次
showInfo2(){alert("陈朵朵")}
//@click.capture	使用事件的捕获模式
<div @click.capture=showInfo1>	//若不加.capture,则点击button时先执行showInfo2,再执行showInfo1,添加之后先执行showInfo1
	<button @click=showInfo2></button>
<div>
showInfo1(){alert("Chenduoduo")}
showInfo2(){alert("Chenduoduo")}
//@click.self		只有self.target是当前操作的元素时才触发事件
<div @click.self=showInfo1>	//只有点击div的时候才会触动此事件，点击button时不会
	<button @click=showInfo2></button>
<div>
//@click.passive	立即执行事件的默认行为，无需等待事件回调函数执行完毕再执行