Vue——事件处理

1、代码如下：

  
  07_事件处理






  1. 绑定监听
    test1
    test2
    test3
    test4
    test5

  2. 事件修饰符
    
      
    
    百度
  3. 按键修饰符
  





    new Vue({
        el:'#example',
        data:{
            test1(){
                alert(111)
            },
            test2(msg){
                alert(msg)
            },
            test3(event){
                alert(event.target.innerHTML)
            },
            test4(event){
                alert(event.target.innerHTML)
            },
            test5(number,event){
                alert(number+"----------"+event.target.innerHTML)
            },
            test6(){
                alert("outer")
            },
            test7(){
                alert("inner")
            },
            test8(){
                alert("baidu")
            },
            test9(event){
                    alert(event.target.value)
            }

        }

    })

2、效果图如下：