VUE的6种事件修饰符

一、修饰符

1、prevent：阻止默认事件（常用）

2、stop：阻止事件冒泡（常用）

3、once：事件只触发一次（常用）

4、capture：使用事件的捕获模式

5、self：只有event.target是当前操作的元素才触发事件

6、passive：事件的默认行为立即执行，无需等待事件回避执行完毕

二、用法

以prevent举例，点击A链接不会跳转页面

<div id="root">
<a href="www.baidu.com" @click.prevent="showInfo">点我提示信息</a>
</div>

new Vue({
    el:"#root",
    methods:{
        showInfo(e){
             alert("信息提示");
        }
       
    }
})