vue事件修饰符(once:prev:stop)


vue事件修饰符(once:prev:stop)

stop修饰符  效果如下:

当你鼠标在这个div里的时候,x与y的值;会随着鼠标的变化而变化。但是当鼠标放在stopMoving的时候,x与y的值是不会变化的;因为采用了阻止冒泡事件;或者也可以采用我注释了的那个方法。代码如下:

 1 
14 
15 
37 
38 

prevent修饰符  效果如下:

 这是一个a链接,默认的请款下会跳转页面;但是当你采用prevent的时候,页面弹出一个框之后,就不会再跳转页面。

代码如下:

1 
2     the new Page
3 
4 
5   // 在methods里面写入这个方法
6     alert:function(){
7       alert('啥?你说素素很美?');
8     }

可以把.prevent去掉看看效果