js事件与vue事件

1. js 事件的三阶段

捕获阶段
目标阶段:执行当前对象的事件处理程序
冒泡阶段

2. js 阻止事件冒泡，捕获

阻止事件冒泡： event.stopPropagation() 或 event.cancelBubble = true (IE)
阻止浏览器默认行为： event.preventDefault()

3. vue 阻止事件冒泡，捕获

@click.stop : 阻止事件冒泡
@click.prevent : 阻止事件默认行为
@click.self : 事件只作用在元素本身，而不是其子元素

vue阻止事件冒泡

方法一：

<span @click.stop="test2()">按钮1</span>

方法二：

<span @click="stopPropagationFn()">按钮2</span>

methods：{

        stopPropagationFn(event){

                var that = this;

                event.stopPropagation();

        },

}

target与currentTarget区别