Vue基础语法-事件监听

最新推荐文章于 2024-05-08 10:00:07 发布

Nodine

最新推荐文章于 2024-05-08 10:00:07 发布

阅读量136

点赞数

分类专栏： Vue学习文章标签： vue

本文链接：https://blog.csdn.net/xyq608074/article/details/108400991

版权

Vue学习专栏收录该内容

12 篇文章 0 订阅

订阅专栏

事件监听

v-on指令
v-on指令的简写方式直接写@

<div id="app">
   	<h2>{{count}}</h2>
   	<button v-on:click="addCount">点</button><br>
   	<!-- v-on的简写方法 -->
   	<button @click="addCount">点</button><br>
   	<input type="text" v-on:focus="alertMsg"/>
   </div>
   <script type="text/javascript">
   	var app=new Vue({
   		el:"#app",
   		data:{
   			count:0
   		},
   		methods:{
   			addCount(){
   				this.count++
   			},
   			alertMsg(){
   				alert("msg...");
   			}
   		}
   	})
   </script>