事件绑定

含义 : 事件绑定 , xxx是事件名

简写 : [ @:xxx=' ' ]

注意 :  　　1.事件的回调需要配置在methods对象中，最终会在vm上； 　　2.methods中配置的函数，不要用箭头函数！否则this就不是vm了； 　　3.methods中配置的函数，都是被Vue所管理的函数，this的指向是vm 或 组件实例对象vc； 　　4.@click="demo" 和 @click="demo($event)" 效果一致，但后者可以传参； 例子:

点我提示信息1（不传参）
点我提示信息2（传参,$event固定值,别的没用）


// 函数的第一个参数,默认是event的
showInfo1(event){
    console.log(event)
    // console.log(this) //此处的this是vm
    alert('同学你好！')
},


//可以传递参数,那么第一个就要用$event替代[$event固定值]
showInfo2(event,number){
    console.log(event,number)
    // console.log(event.target.innerText)
    // console.log(this) //此处的this是vm
    alert('同学你好！！')
}

事件修饰符 : 

　　1.prevent：阻止默认事件（常用）； 　　2.stop：阻止事件冒泡（常用）； 　　3.once：事件只触发一次（常用）； 　　4.capture：使用事件的捕获模式； 　　5.self：只有event.target是当前操作的元素时才触发事件； 　　6.passive：事件的默认行为立即执行，无需等待事件回调执行完毕； 　　例子 : 

点我提示信息



    点我提示信息
    
    点我提示信息



点我提示信息



    div1
    

        div2
    




    点我提示信息




    
1
    
2
    
3
    
4

键盘修饰符 : 

1.Vue中常用的按键别名： 　　回车 => enter 　　删除 => delete (捕获“删除”和“退格”键) 　　退出 => esc 　　空格 => space 　　换行 => tab (特殊，必须配合keydown去使用) 　　上 => up 　　下 => down 　　左 => left 　　右 => right
2.Vue未提供别名的按键，可以使用按键原始的key值去绑定，但注意要转为kebab-case（短横线命名）
3.系统修饰键（用法特殊）：ctrl、alt、shift、meta 　　(1).配合keyup使用：按下修饰键的同时，再按下其他键，随后释放其他键，事件才被触发。 　　(2).配合keydown使用：正常触发事件。
4.也可以使用keyCode去指定具体的按键（不推荐）
5.Vue.config.keyCodes.自定义键名 = 键码，可以去定制按键别名