事件处理

v-on @xxx

xxx为事件名称，事件的回调需要写在methods对象中，最终会在Vue实例上
使用：v-on:click="showInfo"
简写：@click="showInfo(num, $event)"
可以传递参数：
methods:{
    showInfo(num, event){
        // num 传入的参数
        // event 事件对象
    }
}

@keyup.enter="showInfo" or @keydown.space="csps-lock"

回车：enter
删除：delete
退出：esc
空格：space
换行：tab
上：up
下：down
左：left
右：right
获取其他按键：
methods:{
    showInfo(event){
        event.key
        event.keCode
    }
}

事件修饰符

v-on:click.prevent.stop="showInfo"

prevent:阻止默认事件
stop:组织事件冒泡
once:只触发一次事件