Vue入门06--v-on

最新推荐文章于 2023-06-27 21:39:36 发布

AsaZyf

最新推荐文章于 2023-06-27 21:39:36 发布

阅读量196

点赞数

分类专栏： Vue 文章标签： Vue Vue入门 Vue v-on v-on Vue点击事件

本文链接：https://blog.csdn.net/AsaZyf/article/details/83270617

版权

Vue 专栏收录该内容

50 篇文章 1 订阅

订阅专栏

代码：

v-on简写@

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/vue.js" ></script>
	</head>
	<body>
		<div id="app">
			<button @click="add">按钮</button>
		</div>
		<script>
			new Vue({
				el:"#app",
				data:{
					msg:"hello"
				},
				methods:{
					//es5 写法
					add:function(){
//						alert(1)
//						alert(this.msg)
						this.reduce()
					},
					reduce:function(){
						console.log(1)
					}
					//es6 写法
//					add(){
//						alert(1)
//					}
				}
			})
		</script>
	</body>
</html>

显示：点击按钮弹出1