简述Vue.js中view事件监听

一、view事件监听原理

当事件源发生单击、拖拽、鼠标滑动等动作的时候，它会调用事件监听器的方法，并在调用事件监听器方法的时候把事件对象传递进去。 我们在监听器中就可以通过v-on得到事件源，从而对事件源进行操作。

二、v-on

1、v-on的语法糖：@

例如：v-on:click可以改写成@：click

2、v-on基本操作

3、v-on:click（@:click）通过函数实现监听

函数没有参数时 可以省略（） 如果需要参数 默认为事件本身event。

如果有参数 测不可以省略 ，否则为underfined。

三、view事件的修饰符

1 .stop

修饰符阻止单击事件的继续传播，即阻止事件冒泡行为。

2 .prevent

可以阻止默认行为

3 .selt

只监听DOM本身的事件

4 .once

页面加载后，只触发一次 可以用于阻止多次触发页面