vue通过控制某个字段来决定是否启用点击事件

在项目中遇到一种情况，刚开始的时候卡片不能点击，在经过某个操作后，卡片的点击事件启动，可以被点击并执行事件内的代码。

通过控制flag来控制点击事件是否启用
第一种方法：

<img src="poker.png" @click="flag && recard()" >

第二种方法使用v-if：

<button v-if="!show" @click="clickEvent">click here</button>
<button v-else >click here</button>

vue阻止冒泡事件

<div @click.stop="recard">click here</div>

vue取消默认事件

<div @click.prevent="recard">click here</div>

vue既阻止冒泡事件又取消默认事件

<div @click.stop.prevent="recard">click here</div>