Vue事件

• 事件处理
• 事件修饰符
• 键盘事件

事件处理

事件绑定: v-on:click
事件不传参：v-on:click="fn"
事件传参：v-on:click="fn(arg,$event)"
v-on也可以写成@click

    

        
{{text1}}
        
{{text2}}
    

    



    
    

        
        

            点我跳转
            点我跳转(阻止默认事件)
        

        
        

            阻止事件冒泡-外层
            阻止事件冒泡-内层
        

        
        

            我只触发一次
        

        
        

            事件捕获-外层
            事件捕获-内层
        

        
        

            self-外层
            self-内层
        

        
        

            
inner
        

    

    

键盘事件

Vue中常用的事件别名

• enter 回车
• delete 删除
• 退出 esc
• 空格 space
• 换行 tab
• 上、下、左、右 up、down、left、right