Vue事件修饰符都在这里啦

Vue事件修饰符

（1）.lazy：用于将绑定input框的input事件改为change事件

（2）.self：对冒泡事件来说，设置了.self时，移入当前元素的子元素不会冒泡到当前元素，但是移入到子元素的子元素时会继续冒泡到子元素，总结来说就是：用于捕获冒泡，即有冒泡发生时，有该修饰符的dom元素会先执行，如果有多个，从外到内依次执行，然后再按自然顺序执行触发的事件；对设置了self的本身也是具有冒泡性质的

<!--设置一个时，移入子元素不会冒泡到当前元素，但是移入到子元素的子元素会冒泡到当前元素-->
<!--
(1)移入box-1:移入大盒子
(2)移入box-2:移入中间盒子
(3)移入box-3:移入小盒子,移入中间盒子
-->
<div class="box-1" @mouseover.self="handleOver1">
	<div class="box-2" @mouseover="handleOver2">
		<div class="box-3" @mouseover="handleOver4"></div>
	</div>
</div>
<!--设置多个时，从外到内依次执行，再按照自然冒泡顺序触发执行-->
<!--
(1)移入box-1:移入大盒子
(2)移入box-2:移入中间盒子
(3)移入box-3:移入小盒子
-->
<div class="box-1" @mouseover.self="handleOver1">
	<div class="box-2" @mouseover.self="handleOver2">
		<div class="