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>