vue的事件绑定（v-on指令） vue相关

语法

v-on:事件名.修饰符 = 方法名() | 方法名 | 简单的JS表达式简写： @事件名.修饰符 = 方法名() | 方法名 | 简单的JS表达式事件名： click|keydown|keyup|mouseover|mouseout|自定义事件名修饰符： .stop | .prevent | .once | .self | .left | .right | .middle | .up| .down | .keyCode | .keyAlias | .native | .passive

事件绑定类型

//单事件、单方法 v-on:事件名.修饰符 = "方法名()" | "方法名" | "简单的JS表达式"//单事件、多方法 v-on:事件名.修饰符 = "[方法名1(), 方法名2()]"//多事件、多方法 v-on:事件名1.修饰符=方法名1 v-on:事件名2.修饰符=方法名2 v-on = "{'事件名1':方法名1， '事件名2':方法名2}"

原理：既不是属性赋值，也不是事件监听，完成的是事件的回调

vue事件解释 //v-on会默认为绑定事件提供一个默认函数，事件赋值只是将赋值的函数作为默认函数的内部的回调函数进行执行 //为了让事件和vue对象产生关联 let pDom2=document.getElementById("p2"); pDom2.addEventListener("click",function(){ show(); })