vue中事件处理和事件修饰符

v-on：

　　使用系统指令：v-on:事件名=‘函数()’

　　事件回调需要配置在methods对象中，最终会在vm上

　　直接使用：{{函数()}}

注意：当想调用点击事件的事件监听event时，需要在方法名中传入实参：($event)，或在形参中直接写(event)（该方法只用于单个参数）

注意：当所调用的函数没有传入的参数的时候，可以省略小括号

代码如下：

//声明vue方法：
new Vue({
    el:'',
    data:{},
    methods:{
        方法名：function(形参1，形参2){
            方法体
        }    
        //简写：
        方法名(形参1，形参2){
            方法体        
        }
    }
})


//调用vue方法：
//1.通过指令的方式调用
<元素 v-on：事件名(事件名没有on)='方法名（）'></元素>
//简写：
<元素 @事件名='方法名（）'></元素>

//2.直接调用
文本插值方式调用：{{方法名()}}

事件修饰符：

注意：若想阻止标签的默认行为，在Vue事件后添加事件修饰符：

　　prevent:阻止事件默认行为

　　stop:阻止事件冒泡

　　once:方法只触发一次

　　capture:使用事件捕获模式

　　self：只有event.target是当前操作的元素时触发事件

　　passive:事件的触发行为立即执行，需要等待事件回调执行

键盘事件：在vue中，存在有常见的关于键盘的事件修饰符：当按下特定的键时触发函数

　　enter:回车键

　　delete：删除键

　　esc：退出键

　　space：空格键

　　tab：换行键

　　up：上

　　down：下

　　left：左

　　right：右

　vue中未提供别名的按键，可以使用原始的key值绑定，但注意要转换为kebeb-case（短横线命名）

　Vue.config,keyCodes.自定义键名 = 键码（自定义按键修饰符）：再new外面定义