Vue-事件监听
示例代码如下:
<div id="counter">
当前计数:{{count}}
<!-- <button v-on:click='count++'>+</button>
<button v-on:click='count--'>-</button> -->
<!-- <button v-on:click='add'>+</button> -->
<!-- 语法糖 -->
<button @click='add'>+</button>
<button v-on:click='sub'>-</button>
</div>
<script>
const app = new Vue({
el: '#counter', // 挂载元素
data: {
count: 0
},
methods: {
add: function(){
this.count++
},
sub: function(){
this.count--
}
}
})
</script>
浙公网安备 33010602011771号