v-on事件处理指令；简写@事件名

一、v-on 给元素（标签）绑定事件监听器

        oninput、onclick、onchange、onblur等

       1、 完整方式`v-on:事件名=“函数/方法”`

       2、简写方式`@事件名=“函数/方法”，注意@符号不能加冒号“：”`

        @input /@click/@change/@blur .....

代码如下：

    
    
    


    
    

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

        
    
    
    
    

ps:

1、methods 可以定义多个方法选项，用逗号分隔

 methods: {
                say(event){//event 事件对象
                    this.msg="5555"; //this 代表app对象
                    console.log("say something!",event);
                },//多个必须加逗号
                doLog(name,event){
                    console.log(name,event);
                },
                doBlur(event){
                    console.log('输入框失去焦点',event.target.value); //获取输入框值
                }
            }

2、事件的处理方法传递了多个参数，如果需要获取远程DOM事件对象，则必须手动传$event

手动传递DOM事件对象

 doLog(name,event){
      console.log(name,event);
 },