Vue中事件监听:v-on,类似于小程序中事件绑定:bindtap
事件监听使用:
<标签名 v-on:触发事件 = “绑定方法名称”> ... </标签名>
语法糖写法:
<标签名 @触发事件 = “绑定方法名称”> ... </标签名>
*注意:
1. 触发事件:
v-on:click(@click) ——>注册点击事件
v-on:keydown(@keydown) ——>注册键盘事件
v-on:keyup(@keyup) ——>注册键盘事件
v-on:mousedown(@mousedown) ——>注册鼠标事件
v-on:mouseover(@mouseover) ——>注册鼠标事件
v-on:submit(@submit) ——>注册表单事件
2. 监听事件时---小括号
methods中的方法,在 mustatch 语法中调用时要 添加() 来使用,但是,
在给“事件监听”的v-on使用时,只要没有参数传递需求,就可以省略小括号()
3. 函数参数:
如果函数需要参数,但调用时没有传,在Vue的js中也不会报错,参数默认数据为undefind