菜鸟教程在线编辑器

AI 编程工具
 
                <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue 测试实例 - 菜鸟教程(runoob.com)</title>
<script src="https://cdn.staticfile.net/vue/2.2.2/vue.min.js"></script>
</head>

<body>

<div id="app">
<input type="button"
	value="单击后增加"
	@click="m +=1"
	>

<input type="button"
	value="绑定函数的按钮"
	@click="add"
	>

<input type="button"
	value="绑定可传值函数的按钮"
	@click="add2(3,4)"
	>

<div>这个按钮被点击了 {{ m }} 。</div>
</div>

<script>
new Vue({
	el: '#app',
	data: {
		m:0
	},

	methods:{
		add:function(e){
			e.stopPropagation();
			this.m +=2;
		},

		add2:function(m,n){
			this.m=m+n;
		}
	}

})

</script>

</body>
</html>
              