Vue-事件修饰符（冒泡，默认行为）

冒泡事件：事件的响应像水泡一样上升至最顶级对象。

js阻止冒泡：event.stopPropagation();

    
    
    
    
    



    

        
{{num}}
        
        

            

                点击3
            
        

    

    

Vue中用v-on:click.stop='handler'阻止冒泡

      

            

                点击3
            
        

         handler1: function (event) {
                    //event.stopPropagation();
                },

默认行为： 用户某些动作后，标签自动发生的行为 在HTML标签中，有些元素拥有自己的默认行为，如：1、 超级链接标签：单击后可以实现跳转到指定url页面 ； 2、submit提交按钮：单击后可以提交表单数据到指定页面中 

取消默认事件：event.preventDefault(）；

    
    
    
    



    


        百度
    

    

Vue中阻止默认行为：v-on:click.prevent='handler'

  

        百度
    

    methods: {
                handler3: function (event) {

                }
            }