Vue 事件修饰符

1、prevent 阻止默认事件，a连接不跳转，执行showInfo方法

   <a href="https://www.baidu.com/" @click.prevent="showInfo">执行</a></a>

2、stop阻止冒泡，点击按钮,该方法不会连续重复执行

 <div @click="showInfo">
            <button @click.stop="showInfo"></button>
 </div>

3、once 只执行一次

 <div >
            <button @click.once="showInfo"></button>
 </div>

4、self 点击到了当前元素event.target时才触发