Vue鼠标事件

    
    
    
    

  
    

        
Event
        涨一岁
        减一岁
        涨十岁
        减十岁
        
My age is {{ age }}
        
{{ x }},{{ y }}
         数据停止
        
        百度
    

    

//实例化vue对象

new Vue({
    el:"#vue-app",
    data:{
        age:30,
        x:0,
        y:0
    },
    methods:{
        add: function(int) {
            this.age += int;
        },
        sub: function(int) {
            this.age -= int;
        },
        updateXY: function(event){
            // console.log(event);
            this.x = event.offsetX;
            this.y = event.offsetY;
        },
        alert: function(){
            alert("hello world");
        }

    }   
});

#canvase{
    width:600px;
    padding:100px 20px;
    text-align: center;
    border: 1px solid #333;
}