11 事件处理

<template> 
 <!-- 内联事件处理器 ，很少用 -->
 <h3>内联事件处理器</h3>
<button v-on:click="count++">内联事件处理器</button>
<p>{{ count }}</p>
 <!-- 方法事件处理器 ，常用 -->
 <h3>方法事件处理器</h3>
<button @click="AddCount">方法事件处理器</button>
<p>{{ count }}</p>
</template>

<script >
export default{
    data() {
        return {
            count: 0
        }
    },
    methods: {
        AddCount() {
            this.count++
        }
    },
}
</script>