【学习笔记】14-v-on的基本使用和语法糖

v-on的基本使用和语法糖

v-on用于监听某项事件，在以后会经常用到

示例

<div id="app">
	<div>{{counter}}</div>
	<!-- <button type="button" v-on:click="increment">+</button> -->
	<!-- <button type="button" v-on:click="decrement">-</button> -->
	<!-- v-on可以使用语法糖@ -->
	<button type="button" @click="increment">+</button>
	<button type="button" @click="decrement">+</button>
	
</div>
<script src="vue.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	const apt = new Vue({
		el:'#app',
		data:{
			counter:0,
		},
		methods:{
			increment(){
				this.counter++
			},
			decrement(){
				this.counter--
			}
		}
	})
</script>

显示结果