Vue学习笔记：事件修饰符

Vue中的事件修饰符&＃xff1a; 

                        1.prevent&＃xff1a;阻止默认事件&＃xff08;常用&＃xff09;&＃xff1b;

                        2.stop&＃xff1a;阻止事件冒泡&＃xff08;常用&＃xff09;&＃xff1b;

                        3.once&＃xff1a;事件只触发一次&＃xff08;常用&＃xff09;&＃xff1b;

                        4.capture&＃xff1a;使用事件的捕获模式&＃xff1b;

                        5.self&＃xff1a;只有event.target是当前操作的元素时才触发事件&＃xff1b;

                        6.passive&＃xff1a;事件的默认行为立即执行&＃xff0c;无需等待事件回调执行完毕&＃xff1b;

capture&＃xff1a;使用事件的捕获模式&＃xff1b;

点击 div2&＃xff0c;返回的结果为2 1。因为div2的冒泡会返回2 1

数据流通常会经过两个状态 捕获状态和冒泡状态 捕获状态从外到内 冒泡状态从内到外 一般都是冒泡状态执行 而capture就是让捕获状态就进行

这样你即便点了2

添加了self就只有一个了&＃xff0c;就是阻止了冒泡

6.passive&＃xff1a;事件的默认行为立即执行&＃xff0c;无需等待事件回调执行完毕&＃xff1b;这个就是不受回调的影响