事件处理

事件基本使用

1.使用v-on:click="xxx"或@click="xxx"来绑定事件，xxx是事件名
2.事件的回调需要写到methods中，最终会在VM上
3.methods中配置的函数不要用箭头函数，否则this就不是VM了
4.methods中配置的函数，都是Vue所管理的函数，this指向都是VM或者组件实例对象
5.@click="demo"跟@click="demo($event)"效果一致，但后者可传参

 点我提示信息1（不传参） 
                点我提示信息1（不传参）
                点我提示信息2（传参）

常用的事件

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

 
                点我提示信息
                
                
                

                    点我提示信息

                    
                    
                

                
                点我提示信息
                
                
                

                    div1
                    

                        div2
                    
                

                
                

                    点我提示信息
                

键盘事件和按键别名

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