在vue的使用中会出现给组件绑定click事件不执行的情况。

给vue组件绑定事件的时候必须加上.native（监听根元素的原生事件，使用 .native 修饰符）

这个操作等同于子组件内部处理click事件然后向外发送click事件：$emit("click".fn)

在vue中使用click.stop可以阻止单击事件冒泡

使用click.prevent可以使得提交事件不再重载页面

<!-- 阻止单击事件冒泡 -->

<a v-on:click.stop="doThis"></a>

 

<!-- 提交事件不再重载页面 -->

<form v-on:submit.prevent="onSubmit"></form>