07-事件处理

事件的基本使用：
    1.使用v-on:xxx或@xxx绑定事件，其中xxx是事件名
    2.事件的回调需要配置在methods对象中，最终会在vm上
    3.methods中配置的函数，不要使用箭头函数！否则this就不是vm了
    4.methods中配置的函数，都是被vue所管理的函数，this是指向vm或组件实例对象
    5.@click="demo"和@click="demo($event)"效果一致，但后者可以传参
    
vue中的事件修饰符
    1.prevent：阻止默认事件（常用）
    2.stop：阻止事件冒泡（常用）
    3.once：事件只触发一次（常用）
    4.capture：使用事件的捕获模式，在捕获阶段处理事件，对应的是在冒泡阶段处理事件
    5.self：只有event.target是当前操作的元素时才触发事件
    6.passive：事件的默认行为立即执行，无需等待事件回调执行完毕
    
键盘事件
    1.vue中常用的按键别名：
        回车 Enter
        删除 delete （捕获删除和退格键）
        退出 esc
        空格 space
        换行 tab（特殊，配合keydown使用）
        上 up
        下 down
        左 left
        右 right
    2.vue中未提供别名的按键，可以使用按键原始的Key值去绑定，但注意要转为kebab-case（短横线命名）
        
    3.系统修饰键（用法特殊）：crtl、alt、shift、meta(win)
        （1）配合keyup使用：按下修饰键的同时，再按下其他键，然后释放其他键，事件才被触发
        （2）配合keydown使用：正常触发事件
    
    4.也可以使用keyCode去指定具体的按键（不推荐）
    
    5.Vue.config.keyCodes.自定义键名 = 键码，可以去定制按键别名（写在实例外脚本内）