v-on监听事件

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接: https://blog.csdn.net/weixin_41535326/article/details/102685376
<html>
	<head>
		<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/axios.min.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/[email protected]/lodash.min.js"></script>
	</head>
	<body>
		<div id="example-1">
		  <button v-on:click="counter += 1">Add 1</button>
		  <p>The button above has been clicked {{ counter }} times.</p>
		</div>
		<script type="text/javascript">
			var example1 = new Vue({
			  el: '#example-1',
			  data: {
			    counter: 0
			  }
			})
		</script>
	</body>
</html>

结果图:
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_41535326/article/details/102685376