v-on/@ 事件处理指令修饰符-stop、prevent、once

v-on/@事件修饰符：

 一、.stop 阻止单机事件继续传播 event.stopProgagetion()

     eg:       

       

事件修饰符

       

           

                单机事件会继续传递

           

       

点击 单机事件会继续传递 文案只会执行doThis 事件，不会执行todo 事件，如下图：

二、 .prevent 阻止事件默认行为

eg:

           .prevent修饰符-跳转

加了.prevent只会执行doStop 方法弹出弹窗，不会执行href跳转链接，如图下：

三、.once 事件只会触发一次

eg:

        .once修饰符，点击事件只触发一次{{num}}

加了.once修饰符，点击按钮只会执行一次doOnly方法，如下图：

完整例子代码：

    
    
    


    
    

        
        v-on绑定的时间按钮：{{msg}}
        
        简写@绑定的事件按钮：{{msg}}
        
        手动传递DOM事件对象

        
        
        
事件修饰符
        

            

                单机事件会继续传递
            
        
        

        
        默认跳转
        

        
        .prevent修饰符-跳转
        


        点击事件每次加一{{num1}}
        

        .once修饰符，点击事件只触发一次{{num}}