Vue-事件绑定v-on的修饰符

1.stop修饰符

阻止事件冒泡:点击 按钮只会触发btnClick ,不会触发divClick

<div @click="divClick">
    <button @click.stop="btnClick">按钮</button>
</div>

2.prevent修饰符

阻止默认事件：点击提交的时候，只会触发submitClick，不会触发默认事件

<form action="baidu">
    <input type="submit" value="提交" @click.prevent="submitClick">
</form>

3.keyup

监听某个键盘的键帽：当任意一个键盘弹起时，调用keyUp方法

<input type="text" @keyup.enter="keyUp">

4.once修饰符

点击按钮，只有第一次点击的时候会触发btnClick，后面点击都不会调用

<button @click.once="btnClick">按钮</button>