vue实现单击、双击、鼠标事件

附有同一文件夹下的html文件、js文件和css文件
注释说的很详细

index.html的代码

	
	
	
	



	
	

	
Event
	单击涨一岁
	单击减一岁
	双击涨十岁
	双击减十岁
	
My age is {{age}}
	
	

	{{x}},{{y}}
	

	

	
	

app.js代码

//实例化VUE对象
new Vue({

	el:"#vue-app",
	//仅限于在vue-app容器下
	data:{
		age:30,
		x:0,
		y:0
		},
	methods:{
		add:function(inc){
			this.age += inc;
		},
		subtract:function(dec){
			this.age -= dec;
		},
		updateXY:function(event){
			this.x = event.offsetX;
			this.y = event.offsetY;
		}
	}
});

style.css文件

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