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>
posted @ 2021-03-31 16:22  程序员陈师兄cxycsx  阅读(61)  评论(0)    收藏  举报