v-on的事件修饰符与按键修饰符

一、事件修饰符

1.阻止冒泡(重要) .stop

        
            father
            son
        
    
    

2.阻止默认事件(重要) .prevent

百度一下 

3. 事件捕获模式 .capture

点击子元素时会优先打印带有 .capture 的父元素。

       
            father
            
                son3
                
                    son2
                    son1
                
            
        

4.只有当event.target 是当前元素自身时触发函数 .self

       
            father
            
                son3
                
                    son2
                    son1
                
            
        

 

 5.点击事件只触发一次。

点击

6.滚动事件的默认行为 (即滚动行为) 将会立即触发 .passive

...

.passive与.prevent不能一起使用。

7.修饰符可以一起使用。

    百度一下

once与prevent联合使用，会让函数只调用一次，点击事件就失效了，变成能点击的a链接。

二、按键修饰符

1.可以绑定任意键和keyCode值。

2.可以自定义修饰符别名。