1、事件处理

1.1、事件的基本用法

1. 使用v-on:xxx或@xxx绑定事件，其中xxx是事件名
2. 事件的回调需要配置在methods对象中，最终会在vm上
3. methods中配置的函数，不要用箭头函数，否则this就不是vm 了
4. methods中配置的函数，都是被Vue所管理的函数，this的指向是vm或组件实例对象
5. @click="demo"和 @click="demo($event)"效果一致，但后者可以传参

    
    
    
    
    
    



    

        
欢迎：{{name}}


        
        点我1
        点我2

    

    
    

1.2、事件修饰符

Vue中的事件修饰符

1. prevent 阻止默认事件（常用）
2. stop 阻止事件冒泡（常用）
3. once 事件只触发一次（常用）
4. capture 使用事件的捕获模式
5. self 只有event.target是当前操作的元素时才触发事件
6. passive 事件的默认行为立即执行，无需等待事件回调执行完毕

修饰符可以连续写，比如可以这么用：@click. prevent. stop="showinfo"

    
    
    
    
    
    
    



    

        
欢迎：{{name}}


        
        hello


        
        

            点位提示信息
        

        
        点我

         
        

            div1
            

                div2
            
        


        
        

            点我2
        

        
        

            
1
 
            
2
   
            
3

            
4