关于vue的点击事件那些事儿以及右键事件

1.阻止冒泡 stop

当父标签和子标签都绑定事件的时候，点击事件会触发两次，这个时候我们要阻止子元素冒泡

<button @click.stop="add"></button>

2.阻止默认事件 prevent

<button @click.prevent="add"></button>

3.鼠标右键事件

由两种写法，但是右键事件，浏览器窗口会出现浏览器默认的菜单选项，所以我们要用到上面提到的，阻止默认事件,下面提供两种写法，自行选择
1.

<button @contextmenu.prevent="add">添加人数</button>

<button @click.right.prevent="add">添加人数</button>