v-on绑定事件

panzm_csdn

于 2018-06-21 14:03:35 发布

阅读量202

点赞数

分类专栏： Vue.js

本文链接：https://blog.csdn.net/panzm_csdn/article/details/80759534

版权

Vue.js 专栏收录该内容

16 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>v-on</title>
	<script src="../vuejs/vue.min-1.0.28.js"></script>
</head>
<body>
	<div id="app">
		{{ text }}<br/>
		<button v-on:click="change()">改变值</button>
	</div>
	<script type="text/javascript">
		var vm = new Vue({
				el:'#app',
				data:{text:'我的家====='},
				methods:{
					change:function(){
						this.text+='又大了点***';
					}
				}	
		});
	</script>
</body>
</html>